JQ追加cssスタイルの削除

2817 ワード

Javascriptを使用して、ページ要素のスタイルを変更することがよくあります.1つの方法は、従来のJavascriptでは、HTML Domのclassname特性を処理することによって実現されるページ要素のCSSクラス(Class)を変更することです.jQueryでは、この機能を実現するために3つの方法が提供されています.従来の方法と思想は通じていますが、多くのコードを節約しています.やはり「jQueryはJavaScriptコードを簡潔にします!」
1.addClass()-CSSクラスを追加
$("#target").addClass("newClass");
//#target              ID
//newClass    CSS    

2.removeClass()-CSSクラスの削除
$("#target").removeClass("oldClass");
//#target        CSS     ID
//oldClass    CSS    

3.toggleClass()-CSSクラスを追加または削除します.CSSクラスがすでに存在する場合、削除されます.逆にCSSクラスが存在しない場合は加算されます.
$("#target").toggleClass("newClass")
//  ID “target”        CSS  ,     ;
//  ,CSS ”newClass“     ID。

実際の運用では、これらのCSSクラスを定義し、Javascriptイベントトリガ(リンクをクリックするなど)によってページ要素スタイルを変更することがよくあります.さらに、jQueryは、要素がCSSクラスに付与されているかどうかを判断する方法hasClass(「className」)を提供する.
 
よくある質問: