”、”

' と '

” タグは以下のコードで使用されています。

---

---

< ディビジョン >
< h1 > Linuxhint ユーザーの皆様、こんにちは。 < / h1 >
< h2 > Linuxhint は天国の場所です < / h2 >
< p > プログラミング言語に関連するクエリ。 < / p >
< / ディビジョン >
< ボタン > Div のスタイルリムーバー < / ボタン >

上記のコードを実行すると、Web ページは次のようになります。

出力には、div の HTML 構造とボタンが表示されます。

ステップ 2: インライン スタイルを追加する
div 開始タグ内では、「」を利用します。 スタイル ” 属性を使用し、いくつかの CSS プロパティを適用して、要素を目立たせて魅力的にします。

< ディビジョン スタイル = 」
色:ダークマゼンタ;
背景色: ミディアムアクアマリン;
マージン: 20px;
パディング: 30px;' >
< h1 >Linuxhint ユーザーの皆さん< / h1 >
< h2 >Linuxhint は天国です< / h2 >
< p >プログラミング言語に関連するクエリ。< / p >
< / ディビジョン >
< br >
< ボタン > スタイル 削除 ために ディビジョン< / ボタン >

上記のコードの出力は次のとおりです。

出力では、インライン スタイルが div 要素のみに適用されていることを確認できます。

ステップ 3: jQuery を使用してインライン CSS を削除する
スタイル属性を削除するには、親関数が「 書類 ' は ' 準備 ”。以下のコードでは、ユーザーが「」をクリックしたときに内部関数が呼び出されます。 ボタン ”。その後、この関数はページ上に存在するすべての div 要素を選択し、「 削除.Attr() ' 方法：

< 脚本 >
$ ( 書類 ) 。準備 ( 関数 ( ) {
$ ( 'ボタン' ) 。クリック ( 関数 ( ) {
$ ( 「ディビジョン」 ) .removeAttr ( 'スタイル' ) ;
} ) ;
} ) ;
< / 脚本 >

jQuery コードを追加すると、Web ページは次のように動作します。

上の「gif」は、ボタンをクリックすると div に適用されたスタイルが削除されることを示しています。

方法 2: Div からクラス CSS を削除する

HTML 要素のスタイルを設定する 2 番目の方法は、HTML 要素に「 クラス ”。次に、「」内のクラス部分に CSS を追加します。 <スタイル> ”タグまたは別の” CSSファイル ”。これらのスタイルは、jQuery を使用して削除することもできます。以下の手順に従ってください。

ステップ 1: Div 要素にクラスを割り当てる
HTML ファイルで、クラス属性を「」に割り当てます。

' エレメント。また、「」には「リムーバー」というIDを割り当てます。 <ボタン> ' 鬼ごっこ：

< ディビジョン クラス = 'スタイリング' >
< h1 >Linuxhint ユーザーの皆さん< / h1 >
< h2 >Linuxhint は天国です< / h2 >
< p >プログラミング言語に関連するクエリ。< / p >
< / ディビジョン >
< ボタン ID = '削除' > スタイル <を削除します / ボタン >

次に「」に進みます。 <スタイル> ” タグを選択し、div クラス名を選択します” スタイリング ” と入力し、div 要素に適用される CSS プロパティを入力します。

< スタイル >
。スタイリング {
色 :アキノキリンソウ;
バックグラウンド- 色 ： 海の緑;
マージン: 20px;
パディング: 30px;
}
< / スタイル >

上記のコードを実行すると、Web ページは次のようになります。

出力には、スタイルが div 要素に適用されていることが表示されます。

ステップ 2: jQuery を追加して CSS スタイルを削除する
の中に ' <スクリプト> ”タグに上記の方法と同じjQueryコードを追加します。 jQuery 」 削除クラス() ” メソッドは、” を削除します。 スタイリング 」ボタンがクリックされたときに「div」要素が割り当てられるクラス:

< 脚本 >
$ ( 書類 ) 。準備 ( 関数 ( ) {
$ ( 'ボタン' ) 。クリック ( 関数 ( ) {
$ ( 「ディビジョン」 ) .removeClass ( 'スタイリング' ) ;
} ) ;
} ) ;
< / 脚本 >

上記のコードを追加すると、Web ページは次のように動作します。

上の「gif」は、クラスに入力されたスタイルがボタンをクリックすると削除されることを示しています。

結論

div から CSS を削除するには、「 削除.Attr() ' と ' 削除クラス() 」という方法が使えます。 ” 削除.Attr() 「」は「」を削除します スタイル ” 属性を選択した要素から取得します。一方で、「 削除クラス() 」は、その要素にスタイルを適用するために使用されていた選択された要素クラスを削除します。この記事では、jQuery を使用して div から CSS を削除する方法を説明しました。