Jqueryで同じレベルのクラスを削除する方法-jsチュートリアル-php.cn

同じレベルのクラスを削除する Jquery メソッド: 1. "$(".要素クラス名")" ステートメントを使用して、指定されたクラス値に従ってオブジェクトを取得します; 2. RemoveClass() メソッドを使用しますelement のクラスを削除するには、構文は「element object.removeClass('要素クラス名')」です。

Jqueryで同じレベルのクラスを削除する方法

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

Jquery で同じクラスを削除する方法

1. HTML エディターを開き、新しい HTML ファイルを作成します。 HTML コードページで

を見つけ、その中に新しい

を作成し、この

にクラスとテキストコンテンツを追加します。この場合のクラスは次のとおりです。

<div class="remark">今晚要去吃大餐</div>

ログイン後にコピー

の後ろに新しいクリックボタンを作成し、このボタンにクリックイベントを追加します。この場合、クリックイベントは reClass() で、クリックされたときにクラススタイルの削除をトリガーします。

<input type="button" value="移除class" onclick="reClass()">

ログイン後にコピー

クラススタイルを設定します。注釈のスタイルをフォントサイズ 28px、色を赤に設定します。

<style>  .remark{   font-size: 28px;color: red;  } </style>

ログイン後にコピー

コードは次のとおりです:

Jqueryで同じレベルのクラスを削除する方法

2. jQuery ライブラリを導入します。