Comment modifier, ajouter et supprimer des styles de classe dans les compétences js_javascript

L'exemple de cet article décrit la méthode de modification, d'ajout et de suppression de styles de classe dans js. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Fonction frontale js relativement courante, la fonction correspondante peut être obtenue en modifiant le nom de classe de la balise.

Le code spécifique est le suivant :

Copier le code Le code est le suivant :

<table>
<tbody>
<tr>
<td>JS implémente la modification, l'ajout et la suppression des styles de classe</td>
<td>
<a e_value="g_sn" ename="code de marchandise" class="goods_sale_property" href="javascript:void(0);">code de marchandise</a>
<a e_value="pdt_sn" ename="numéro d'article des marchandises" class="goods_sale_property" href="javascript:void(0);">numéro d'article des marchandises</a>
<a e_value="pdt_name" ename="Nom de la spécification" class="goods_sale_property" href="javascript:void(0);">Nom de la spécification</a>
</td>
</tr>
</tbody>
<tbody>
<tr>
                              <td><a onclick="selectAll()" style="color:#F00">Sélectionner tout</a>
                                                                                                                               .                                                                                       </tbody>
</table>

<script> $('.goods_sale_property').click(function(){//Cliquez sur une balise séparée pour ajouter une classe

Si($(this).hasClass('goods_sale_property_checked')){
          $(this).removeClass('goods_sale_property_checked');
}autre{
          $(this).addClass('goods_sale_property_checked');
>
});
function selectAll(){//Sélectionner tout et ajouter une classe
$('.goods_sale_property').each(function(i){
          $(this).addClass('goods_sale_property_checked');
});
>
function selectNotAll(){//Sélectionner tout et supprimer la classe
$('.goods_sale_property').each(function(i){
$(this).removeClass('goods_sale_property_checked');
});
>
</script>

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.