jqueryで要素に属性値を追加する方法-jsチュートリアル-php.cn

jqueryで要素に属性値を追加する方法

WBOY

リリース： 2021-11-23 18:37:47

オリジナル

12704 人が閲覧しました

要素に属性値を追加する Jquery メソッド: 1. "$(element)" ステートメントを使用して、指定された要素オブジェクトを取得します; 2. attr() メソッドを使用して、属性と値を追加します取得した要素に代入します。構文は「Element object.attr(attribute,value)」です。

jqueryで要素に属性値を追加する方法

このチュートリアルの動作環境: 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 属性がなくなりました。

jqueryで要素に属性値を追加する方法