jqueryを使用してCSSの特定のスタイルを削除する方法

CSS スタイルを削除する jquery メソッド: 最初に新しい html ファイルを作成し、次に jquery.min.js ライブラリ ファイルを導入し、次に style を使用して div タグ内の div のスタイルを定義します。最後に、作成したdelbg関数を使用します 特定のCSSスタイルを削除するだけです。

このチュートリアルの動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター。

jquery はスタイルで属性を削除します:

jquery によるスタイルでの属性の削除を説明するために、test.html という名前の新しい HTML ファイルを作成します。

test.html ファイルに jquery.min.js ライブラリ ファイルを導入し、ファイルを正常にロードしてから、jquery のメソッドを使用できるようにします。

test.html ファイルで、div タグを使用してモジュールを作成し、その ID を testdiv に設定します。これは主に、以下の ID を通じて div オブジェクトを取得するために使用されます。 。

div タグで、style を使用して div のスタイルを定義し、css を使用して div の幅を 100 ピクセル、高さを 100 ピクセル、境界線を 100 ピクセルに設定します。 1px のピンク色のボーダーと背景の色は赤です。 [推奨: "css ビデオ チュートリアル "]

test.html ファイルで、button タグを使用してボタンを作成し、onclick をbutton button Click イベント。ボタンがクリックされると、delbg() 関数が実行されます。

js タグで delbg() 関数を作成します。関数内で、div の ID から div オブジェクトを取得し、css() メソッドを使用して背景属性を空に設定すると、背景色を削除することができます。

test.html ファイルをブラウザで開き、ボタンをクリックして効果を確認します。

以上がjqueryを使用してCSSの特定のスタイルを削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。