css 点击过后加一个类 |jq css怎么用

const element = document.querySelector('.element');
element.addEventListener('click', function() {
element.classList.add('selected');
});

上述代码中，使用了querySelector获取了class为‘element’的元素，然后使用addEventListener监听了该元素的点击事件。当点击事件触发后，会执行回调函数，在回调函数中用classList.add给元素添加了一个名为‘selected’的类。这个类可以在CSS中定义相应的样式，用来改变元素的外观。

例如：

.element {
background-color: #ddd;
padding: 10px;
}
.element.selected {
background-color: #999;
color: #fff;
}

在CSS中，大家定义了两个样式，一个是当点击前的样式，一个是当点击后的样式。当元素被点击后，会添加名为‘selected’的类，从而触发相应的样式定义，使得元素的外观发生改变。

通过给元素添加类，大家可以灵活地修改元素的样式，让页面呈现出更加美观的效果。同时，JavaScript的操作也可以增加网页的交互性，为用户提供更好的使用体验。