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

WBOY
リリース: 2016-05-16 16:18:50
オリジナル
1369 人が閲覧しました

この記事の例では、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 プログラミング設計に役立つことを願っています。
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
JS はクラス スタイルの変更、追加、削除を実装します
グッズ コード
商品番号
仕様名
すべて選択