jquery 学習 2 属性関連_jquery

attr(name)
最初に一致した要素の属性値を取得します。このメソッドを使用すると、最初に一致した要素から属性の値を簡単に取得できます。要素に対応する属性がない場合は、unknown が返されます。
最初に一致した要素のプロパティにアクセスします。このメソッドを使用すると、最初に一致した要素からプロパティ値を簡単に取得できます。そのような名前の属性がない場合は、
戻り値が返されます。
オブジェクト

パラメータ
name (文字列): 属性名

例
ドキュメント内の最初の画像の src 属性値を返します。

HTML コード:


jQuery コード:

$("img").attr("src");
結果:

test.jpg
-------------------------------------- -------------------------------------------------- -----------------------------------------------
attr (properties)
一致するすべての要素のプロパティとして名前/値オブジェクトを設定します。
これは、一致するすべての要素にわたって多くのプロパティを一括で設定する最良の方法です。 オブジェクトのクラス属性を設定する場合は、属性名として「className」を使用する必要があることに注意してください。または、 .addClass( class ) と .removeClass( class ) を直接使用することもできます。
一致するすべての要素にキー/値オブジェクトをプロパティとして設定します。
これは、多数のプロパティを設定する最良の方法です。 class-Attribute を設定する場合は、キーとして 'className' を使用するか、
Return Value
jQuery
を使用する必要があることに注意してください。
パラメータ
プロパティ (マップ): プロパティとしての名前と値のペアのオブジェクト

例
すべての画像の src 属性と alt 属性を設定します。

HTML コード:


jQuery コード:

$("img").attr({ src: "test.jpg", alt: "テスト画像" });
結果:

[ ]
---------------------- -------------------------------------------------- -------------------------------------------------- ----------
attr(key,value)
一致するすべての要素の属性値を設定します。
一致したすべての要素で、単一のプロパティを値に設定します。
戻り値
jQuery

パラメータ
key (String): プロパティ名

値 (オブジェクト): 属性値

例
すべての画像に src 属性を設定します。

HTML コード:



jQuery コード:

$("img").attr("src"," test.jpg");
結果:

[ , ]
--------------------- -------------------------------------------------- -------------------------------------------------- ----------------
attr(key,fn)
一致するすべての要素に対して計算された属性値を設定します。
値を提供するのではなく、関数を提供し、この関数によって計算された値が属性値として使用されます。
一致したすべての要素で、単一のプロパティを計算値に設定します。
上記で説明したように文字列値を指定する代わりに、値を計算する関数が提供されます。
戻り値


パラメータ
key (文字列): 属性名

fn (関数): 戻り値の関数スコープ: 現在の要素、パラメータ: 現在の要素のインデックス値

例
は、src 属性の値を title 属性の値に設定します。

HTML コード:


jQuery コード:

$("img").attr("title", function() { これを返します。 src });
結果:


-------------------------- --- ---------------------------------------------- --- ---------------------------------------------- --- ---
removeAttr(name)
一致した各要素から属性を削除します。
戻り値
jQuery

パラメータ
name (文字列): 属性名。削除対象

例
ドキュメント内の画像の src 属性を削除する

HTML コード:


jQuery コード:

$("img").removeAttr("src");
結果:

[
]