この記事では、JSによるクラススタイルを変更、追加、削除する方法について説明します。参照のためにそれを共有してください。特定の分析は次のとおりです。
JSのより一般的なフロントエンド関数。これは、タグのクラス名を変更することで対応する関数を実現できます。
特定のコードは次のとおりです。
次のようにコードをコピーします：<able>
<tbody>
<tr>
<TD> JSは、クラススタイルの変更、追加、および削除</TD>を実装します
<td>
<a e_value = "g_sn" ename = "product code" href = "javascript：void（0）;">製品コード</a>
<a e_value = "pdt_sn" ename = "製品アイテム番号" href = "javascript：void（0）;">製品アイテム番号</a>
<a e_value = "pdt_name" ename = "仕様名" href = "javascript：void（0）;">仕様名</a>
</td>
</tr>
</tbody>
<tbody>
<tr>
<td> <onclick = "selectal（）" style = "color：＃f00">すべて</a> </td>を選択します
<td> <onclick = "SelectNotall（）" style = "color：＃f00">選択</a> </td>
</tr>
</tbody>
</table>
<スクリプト>
$（ '。Goods_Sale_Property'）。[function（）{//クリックしてタグのみにクラスを追加します
if（$（this）.hasclass（ 'goods_sale_property_checked'））{
$（this）.removeclass（ 'goods_sale_property_checked'）;
}それ以外{
$（this）.addclass（ 'goods_sale_property_checked'）;
}
}）;
function selectal（）{//すべてのクラスを選択します
$（ '。Goods_Sale_Property'）。各（function（i）{
$（this）.addclass（ 'goods_sale_property_checked'）;
}）;
}
関数SelectNotall（）{//すべての削除クラスを選択します
$（ '。Goods_Sale_Property'）。各（function（i）{
$（this）.removeclass（ 'goods_sale_property_checked'）;
}）;
}
</script>
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。