ホームページ >ウェブフロントエンド >jsチュートリアル >jqueryで要素に属性値を追加する方法
jqueryで要素に属性値を追加する方法
- WBOYオリジナル
- 2021-11-23 18:37:4712700ブラウズ
要素に属性値を追加する Jquery メソッド: 1. "$(element)" ステートメントを使用して、指定された要素オブジェクトを取得します; 2. attr() メソッドを使用して、属性と値を追加します取得した要素に代入します。構文は「Element object.attr(attribute,value)」です。
このチュートリアルの動作環境: Windows7 システム、jquery1.10.0 バージョン、Dell G3 コンピューター。
jquery で要素に属性値を追加する方法
jQuery では、attr() メソッドを使用して属性値を追加できます。要素に対して、attr() メソッドは選択された要素の属性値を設定または返します。メソッドのパラメータに応じて、動作方法も異なります。選択した要素の属性値を返します。
このメソッドの構文は次のとおりです。
$(selector).attr(attribute,value)
attribute は、値を取得する属性を指定します。
要素に属性値を追加する方法を例として説明します。例は次のとおりです:
class 属性のみを持つ html に div を追加します。次に、属性を追加するイベントをトリガーするボタンを追加します。次に、HTMLにjqueryスクリプトを導入します。次に、スクリプトにボタンイベントの関数を追加します。
関数は非常に単純です。jquery の attr メソッドを使用して属性を設定するだけです。最初のパラメータは追加する属性の名前、2 番目のパラメータは属性の値です。ここでは、div に id 属性を追加します。
<body>
<div class="">
<div class="jqyery">
增加属性
</div>
</div>
<div class="action">
<input type="button" id="btn" value="设置属性" onlick="setAttr()" class="btn btn-primary" />
</div>
<scripr>
function setAttr(){
$(".jquery").attr("id","bd");
}
</scripr>
</body>ページを実行した後、ページのソース コードから、この div には id 属性がなくなりました。
ページ上のボタンをクリックしてイベントをトリガーし、div に id 属性を追加します。
クリック後、ソースコードを再度確認すると、div に id 属性が正常に追加されていることがわかります。
推奨される関連ビデオ チュートリアル: jQuery ビデオ チュートリアル
以上がjqueryで要素に属性値を追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。