ホームページ > 記事 > ウェブフロントエンド > js_javascript スキルでクラススタイルを変更、追加、削除する方法

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

WBOYオリジナル: 2016-05-16 16:18:501336ブラウズ

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

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

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

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

。

$('.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');
});
}

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

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：jQueryでタグノートの重複排除を実現する方法effect_jquery次の記事：jQueryでタグノートの重複排除を実現する方法effect_jquery

続きを見る

JS はクラススタイルの変更、追加、削除を実装します	グッズコード商品番号仕様名
すべて選択

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

関連記事

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