How to modify, add, and delete class styles in js _ javascript skills

This article describes how to modify, add, and delete class styles in JavaScript. it is very useful to modify the className of a label, for more information about how to modify, add, and delete class styles in js, see the examples in this article. Share it with you for your reference. The specific analysis is as follows:

Common js front-end functions are implemented by modifying the className of tags.

The code is as follows:

The code is as follows:

Js implements class style modification, adding, and deletion	Product Code Item renewal Specification name
Select all	Not all

Script
$ ('. Goods_sale_property'). click (function () {// separate a tag and click add class
If ($ (this). hasClass ('goods _ sale_property_checked ')){
$ (This). removeClass ('goods _ sale_property_checked ');
} Else {
$ (This). addClass ('goods _ sale_property_checked ');
}
});
Function selectAll () {// select all classes
$ ('. Goods_sale_property'). each (function (I ){
$ (This). addClass ('goods _ sale_property_checked ');
});
}
Function selectNotAll () {// select all to delete a class
$ ('. Goods_sale_property'). each (function (I ){
$ (This). removeClass ('goods _ sale_property_checked ');
});
}
Script

I hope this article will help you design javascript programs.