Rumah > hujung hadapan web > tutorial js > Contoh penggunaan kaedah prop() dalam jQuery_jquery

Contoh penggunaan kaedah prop() dalam jQuery_jquery

WBOY
Lepaskan: 2016-05-16 16:22:02
asal
1347 orang telah melayarinya

Contoh dalam artikel ini menerangkan penggunaan kaedah prop() dalam jQuery. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Kaedah ini boleh mendapatkan atau menetapkan nilai atribut elemen padanan.
Kesan berbeza bergantung pada parameter kaedah.

Struktur tatabahasa 1:
Apabila parameter ialah nama atribut, kaedah ini boleh memadankan nilai atribut elemen padanan pertama dengan nama atribut yang ditentukan dalam koleksi elemen.

Salin kod Kod adalah seperti berikut:
$("selector").prop(name)

Senarai parameter:

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

实例代码:

实例一:

复制代码 代码如下:






prop()函数-脚本之家





     

  •  

  


以上代码可以返回被选中的kotak semak的属性值。

实例代码二:

复制代码 代码如下:






prop()函数-脚本之家





     
  • 脚本之家欢迎您

  •  

  •  

  


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

语法结构二:

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


复制代码 代码如下:
$(selector).prop(properties)

Senarai parameter:

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

实例代码:

实例一:

复制代码 代码如下:






prop()函数-脚本之家





     

  •  

  


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

实例二:

复制代码 代码如下:






prop()函数-脚本之家





 

欢迎来到脚本之家



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

语法三:

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

复制代码 代码如下:
$(selector).prop(key,value)

Senarai parameter:

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

实例代码:

复制代码 代码如下:






prop()函数-脚本之家




脚本之家欢迎您




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

语法结构四:

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

复制代码 代码如下:
$(selector).prop(name,function(index,oldvalue))

Senarai parameter:

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

实例代码:

复制代码 代码如下:






prop()函数-脚本之家





脚本之家欢迎您




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

Sie haben die jQuery-Version mit jQuery erstellt.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan