Anwendungsbeispiele der attr()-Methode in jQuery_jquery

Das Beispiel in diesem Artikel beschreibt die Verwendung der attr()-Methode in jQuery. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Diese Methode legt den Attributwert des passenden Elements fest oder gibt ihn zurück.
Die Methode attr() hat je nach Parameter unterschiedliche Funktionen.

Grammatikstruktur 1:
Rufen Sie den Attributwert des angegebenen Attributs des ersten übereinstimmenden Elements ab.

Code kopieren Der Code lautet wie folgt:

$(selector).attr(name)

Parameterliste:

参数	描述
name	定义要获取其值的属性名称。

Beispielcode:

Code kopieren Der Code lautet wie folgt:

Ich bin der erste div

Ich bin der zweite Div

Klicken Sie, um den Effekt zu sehen

Im obigen Code kann durch Klicken auf die Schaltfläche der Klassenattributwert des ersten Elements in der Sammlung übereinstimmender Elemente angezeigt werden.

Grammatikstruktur 2:
Legt den Attributwert für das angegebene Attribut des übereinstimmenden Elements fest.

Code kopieren Der Code lautet wie folgt:

$(selector).attr(attribute,value)

Parameterliste:

参数	描述
attribute	定义要设置值的属性名称。
value	定义要设置的属性值。

实例代码:

复制代码 代码如下:

脚本之家欢迎您

点击查看效果

以上代码中，当点击按钮的时候，能够重新设置div元素的class属性值。

语法结构三:
将“名/值“形式的对象设置为匹配元素的属性.可以一次性设置多组“名/值“对,对匹配元素属性进行设置.

复制代码 代码如下:

$(selector).attr(properties)

参数列表:

参数	描述
attribute:value	定义属性名/值对

Beispielcode:

Code kopieren Der Code lautet wie folgt:

Willkommen bei Script House

Klicken Sie, um den Effekt zu sehen

Im obigen Code können Sie die Breite und Höhe der Zelle festlegen.

Syntaxstruktur vier: Attributwerte über Funktionsrückgabewerte festlegen.

Code kopieren Der Code lautet wie folgt:

$(selector).attr(name,function(index ,alterWert) )

Parameterliste:

参数	描述
name	定义要设置值的属性的名称。
function(index,oldvalue)	定义返回属性值的函数 index - 可选，接受选择器的索引位置。 class - 可选，接受选择器的当前的属性值。

实例代码 :

复制代码 代码如下 :

脚本之家欢迎您

点击查看效果

以上代码中，同样可以设置div的class属性值，只是属性值是以函数的返回值方式获得的。

希望本文所述对大家的jQuery程序设计有所帮助。