ホームページ > 記事 > ウェブフロントエンド > jQueryでCSSスタイルを削除するにはどうすればよいですか?
CSS スタイルを削除する Jquery メソッド: 1. attr() または css() メソッドを使用して css 属性値を空に設定し、単一の CSS スタイルを削除します; 2. RemoveAttr() メソッドを使用して削除します選択した要素からの属性の削除 属性の削除; 3. 選択した要素から属性を削除するには、removeClass() メソッドを使用します。
関連する推奨事項: 「jQuery ビデオ チュートリアル 」
jquery の CSS スタイルの削除
1. attr() メソッドまたは css() を使用して、単一の CSS スタイルを削除します
attr() メソッドは属性と値を設定できます選択した要素の、一致する要素に対して 1 つ以上の属性/値のペアを設定できます。
attr() を使用して CSS スタイルを削除する場合は、属性値を空に設定できます。
例:
$("#show").attr("style","");
css() メソッドは、選択した要素の 1 つ以上のスタイル属性を設定できます。
css() を使用して CSS スタイルを削除する場合は、属性値を空に設定できます。
例:
$("#show").css("style","");
2.removeAttr() メソッドを使用して CSS スタイルを削除します
removeAttr() メソッドは、CSS スタイルから 1 つ以上の要素を削除します。選択された要素の属性。
文法
$(selector).removeAttr(attribute)
例:
$("#tab1").removeAttr("style","");
3.removeClass()メソッドを使用してCSSスタイルを削除します
removeClass()メソッドfrom 選択した要素から 1 つ以上のクラスを削除します。
注: パラメーターが指定されていない場合、このメソッドは選択した要素からすべてのクラスを削除します。
例: すべての e388a4556c0f65e1904146cc1a846bee 要素から「intro」クラスを削除します:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ $("p").removeClass("intro"); }); }); </script> <style type="text/css"> .intro{ font-size:120%; color:red; } </style> </head> <body> <h1>这是一个标题</h1> <p class="intro">这是一个段落。</p> <p class="intro">这是另一个段落。</p> <button>移除所有P元素的"intro"类</button> </body> </html>
プログラミング関連の知識について詳しくは、プログラミング ビデオ コースをご覧ください。 !
以上がjQueryでCSSスタイルを削除するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。