ホームページ > 記事 > ウェブフロントエンド > jqueryでdivのクラスを変更する方法
jquery では、attr() メソッドを使用して div のクラスを変更できます。このメソッドは、要素の属性と値を設定または返すことができます。メソッドの最初のパラメータを次のように設定するだけです。 「class」。2 つのパラメータを変更後の値に設定するだけで、構文は「div object.attr('class', new 属性値)」です。
このチュートリアルの動作環境: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。
jquery では、attr() メソッドを使用してタグの class 属性を置き換えることができます。
例は次のとおりです。
test.html という名前の新しい HTML ファイルを作成して、jquery が div の class 属性を変更し、div タグを使用して作成する方法を説明します。テスト用のテキスト行。
div タグの id 属性を kp に設定します。ページのロード時に関数関数を実行するには、ready メソッドを使用します。
関数では、id を通じて div オブジェクトを取得し、attr() メソッドを使用して div の class 属性を newcc に変更します。
ブラウザで test.html ファイルを開いて結果を表示します。
概要:
1. div タグを使用してテキスト行を作成し、div タグの id 属性を kp に設定します。
2. js タグ内で、ready メソッドを使用して、ページの読み込み時に function 関数を実行します。
3. 関数内で、id を通じて div オブジェクトを取得し、attr() メソッドを使用して div の class 属性を newcc に変更します。
4. ブラウザで test.html ファイルを開き、結果を確認します。
推奨される関連ビデオ チュートリアル: jQuery ビデオ チュートリアル
以上がjqueryでdivのクラスを変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。