ホームページ > 記事 > ウェブフロントエンド > jquery toggleClass() 属性を使用して記事段落の背景色を変更する方法
この記事では、jquery toggleClass() 属性を使用して記事の段落の背景色を変更する方法を主に紹介します。これを必要な友人に共有します。
記事の背景色を変更します。 jQuery 属性 jquery toggleClass() 属性を持つ段落。この記事にはサンプル コードとソース コードが添付されているので、興味のある方は参考にしてください。
このメソッドは、各要素で指定されたクラスをチェックします。クラスが存在しない場合は追加し、設定されている場合は削除します。これをトグル効果と呼びます。 ただし、「switch」パラメータを使用すると、クラスの削除のみまたは追加のみを指定できます。 構文
$(selector).toggleClass(classname,function(index,currentclass),switch)パラメータ説明
必須。追加または削除する 1 つ以上のクラス名を指定します。複数のクラスを指定する必要がある場合は、スペースを使用してクラス名を区切ります。 | |
---|---|
オプション。追加/削除する必要がある 1 つ以上のクラス名を返す関数を指定します。 | index - コレクション内の要素のインデックス位置を返します。 |
currentclass - 選択した要素の現在のクラス名を返します。 |
|
使い方の紹介: |
レンダリングは次のとおりです:
ファイル参照:<script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("input").click(function(){ $("p").toggleClass("main"); }); }); </script>
以上がこの記事の全内容です。その他の関連コンテンツについては、お支払いください。 PHP 中国語 Web サイトに注意してください。
関連おすすめ:
jqueryでは外部CDNの導入とロード失敗時のローカルjqライブラリのインポート方法を紹介jquery.onoffで実装されたスイッチボタン機能
以上がjquery toggleClass() 属性を使用して記事段落の背景色を変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。