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

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

Cette méthode peut obtenir ou définir la valeur d'attribut de l'élément correspondant.
Les effets varient en fonction des paramètres de la méthode.

Structure grammaticale 1 :
Lorsque le paramètre est un nom d'attribut, cette méthode peut faire correspondre la valeur d'attribut du premier élément correspondant avec le nom d'attribut spécifié dans la collection d'éléments.

Copier le code Le code est le suivant :

$("selector").prop(name)

Liste des paramètres :

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

实例代码 :

实例一 :

复制代码 代码如下 :

 

 

  

以上代码可以返回被选中的case à cocher的属性值。

实例代码二 :

复制代码 代码如下 :

 
• 脚本之家欢迎您

 

 

  

以上代码中，由于li元素集合中第一个li元素并没有id属性，所以返回值为空。

语法结构二 :

以属性的«名/值对»对象方式设置所有匹配元素的属性值。

复制代码 代码如下 :

$(selector).prop(properties)

Liste des paramètres :

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

实例代码 :

实例一 :

复制代码 代码如下 :

 

 

  

以上代码能够将选中所有复选框。

实例二 :

复制代码 代码如下 :

  欢迎来到脚本之家

以上代码可以设置td的宽度和高度。

语法三 :

以属性名/值对方式设置所有匹配元素的属性值。

复制代码 代码如下 :

$(selector).prop(key,value)

Liste des paramètres :

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

实例代码 :

复制代码 代码如下 :

脚本之家欢迎您

点击查看效果

以上代码可以为div设置指定的样式。

语法结构四 :

通过函数返回值设置属性值。

复制代码 代码如下:

$(selector).prop(name,function(index,oldvalue))

Liste des paramètres :

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

實例碼:

複製程式碼程式碼如下：

點選查看效果
身體>

以上程式碼可以為div設定指定的樣式。

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