Exemples d'utilisation de la méthode attr() dans jQuery_jquery

L'exemple de cet article décrit l'utilisation de la méthode attr() dans jQuery. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Cette méthode définit ou renvoie la valeur d'attribut de l'élément correspondant.
La méthode attr() a différentes fonctions selon les paramètres.

Structure grammaticale 1 :
Obtenir la valeur d'attribut de l'attribut spécifié du premier élément correspondant.

Copier le code Le code est le suivant :

$(selector).attr(name)

Liste des paramètres :

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

Exemple de code :

Copier le code Le code est le suivant :

Je suis le premier div

Je suis le deuxième div

Cliquez pour voir l'effet

Dans le code ci-dessus, cliquer sur le bouton peut faire apparaître la valeur de l'attribut de classe du premier élément de la collection d'éléments correspondant.

Structure grammaticale 2 :
Définit la valeur d'attribut pour l'attribut spécifié de l'élément correspondant.

Copier le code Le code est le suivant :

$(sélecteur).attr(attribut,valeur)

Liste des paramètres :

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

实例代码 :

复制代码 代码如下 :

脚本之家欢迎您

点击查看效果

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

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

复制代码 代码如下 :

$(sélecteur).attr(propriétés)

参数列表 :

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

Exemple de code :

Copier le code Le code est le suivant :

Bienvenue à Script House


Cliquez pour voir l'effet

Dans le code ci-dessus, vous pouvez définir la largeur et la hauteur de la cellule.

Structure de syntaxe quatre : définissez les valeurs d'attribut via les valeurs de retour de la fonction.

Copier le code Le code est le suivant :

$(selector).attr(name,function(index ,ancienne valeur) )

Liste des paramètres :

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

實例碼:

複製程式碼程式碼如下：

點選查看效果
身體>

以上程式碼中，同樣可以設定div的類別屬性值，只需屬性值透過函數的回傳值方式獲得的。

希望本文對大家介紹的 jQuery 程式設計有所幫助。