jqueryでタグに属性を追加する方法

jquery では、attr() メソッドを使用してラベルに属性を追加できます。このメソッドは、選択した要素の属性値を設定できます。構文 "$(selector).attr("属性名") ,"属性値 ")" または "$(selector).attr({属性名:"属性値"})"。

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

jquery では、attr() メソッドを使用してタグに属性を追加できます。このメソッドは、選択した要素の属性値を設定または返すことができます。このメソッドのさまざまなパラメータに従って、その動作メソッドは次のようになります。も違います。

文法:

$(selector).attr("属性名","属性值")
$(selector).attr({属性名:"属性值"})

attr() メソッドを使用してタグに属性を追加する方法を見てみましょう。 test.html という名前の新しい HTML ファイルは、jquery がタグに属性を追加する方法を説明するために使用されます。

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

test.html ファイルで、p タグを使用してテスト テキストの行を作成します。

test.html ファイルで、button タグを使用してボタンを作成し、onclick クリック イベントを button ボタンにバインドし、ボタンがクリックされたときに、 x()関数を追加します。

js タグ内で、addsx() 関数を作成します。関数内で、要素名から p タグ オブジェクトを取得し、attr() メソッドを使用して設定します。 p タグの ID を mypp に渡します。

test.html ファイルをブラウザで開き、ボタンをクリックしてソース コードを表示し、結果を表示します。

推奨される関連ビデオ チュートリアル: jQuery チュートリアル

以上がjqueryでタグに属性を追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。