js_javascript スキルでクラス スタイルを変更、追加、削除する方法

この記事の例では、js でクラス スタイルを変更、追加、削除する方法を説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

比較的一般的なjsフロントエンド関数であり、タグのclassNameを変更することで対応する機能を実現できます。

具体的なコードは次のとおりです:

コードをコピー コードは次のとおりです:

<table>

<tr>
<td>JS はクラス スタイルの変更、追加、削除を実装します</td>
<td>
<a e_value="g_sn" ename="グッズ コード" class="goods_sale_property" href="javascript:void(0);">グッズ コード</a>
<a e_value="pdt_sn" ename="商品番号" class="goods_sale_property" href="javascript:void(0);">商品番号</a>
<a e_value="pdt_name" ename="仕様名" class="goods_sale_property" href="javascript:void(0);">仕様名</a>
</td>
</tr>
</tbody>

<tr>
<td><a onclick="selectAll()" style="color:#F00">すべて選択</a></td>
。                                                                                           </tbody>
</テーブル>

$('.goods_sale_property').click(function(){//別のタグをクリックしてクラスを追加します

If($(this).hasClass('goods_sale_property_checked')){
$(this).removeClass('goods_sale_property_checked');
}その他{
$(this).addClass('goods_sale_property_checked');
}
});
function selectAll(){//すべてを選択してクラスを追加
$('.goods_sale_property').each(function(i){
$(this).addClass('goods_sale_property_checked');
});
}
function selectNotAll(){//すべてを選択してクラスを削除
$('.goods_sale_property').each(function(i){
$(this).removeClass('goods_sale_property_checked');
});
}
</script>

この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。