JQ追加cssスタイルの削除
2817 ワード
Javascriptを使用して、ページ要素のスタイルを変更することがよくあります.1つの方法は、従来のJavascriptでは、HTML Domのclassname特性を処理することによって実現されるページ要素のCSSクラス(Class)を変更することです.jQueryでは、この機能を実現するために3つの方法が提供されています.従来の方法と思想は通じていますが、多くのコードを節約しています.やはり「jQueryはJavaScriptコードを簡潔にします!」
1.addClass()-CSSクラスを追加
2.removeClass()-CSSクラスの削除
3.toggleClass()-CSSクラスを追加または削除します.CSSクラスがすでに存在する場合、削除されます.逆にCSSクラスが存在しない場合は加算されます.
実際の運用では、これらのCSSクラスを定義し、Javascriptイベントトリガ(リンクをクリックするなど)によってページ要素スタイルを変更することがよくあります.さらに、jQueryは、要素がCSSクラスに付与されているかどうかを判断する方法hasClass(「className」)を提供する.
よくある質問:
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」)を提供する.
よくある質問: