ホームページ >ウェブフロントエンド >jsチュートリアル >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 サイトの他の関連記事を参照してください。