Rumah > hujung hadapan web > tutorial js > jquery中的prop()方法怎么用

jquery中的prop()方法怎么用

王林
Lepaskan: 2020-11-30 14:56:57
asal
4227 orang telah melayarinya

jquery中的prop()方法的用法:如果要返回属性的值,使用方法【$(selector).prop(property)】,如果要设置属性和值,使用方法【$(selector).prop(property,value)】。

jquery中的prop()方法怎么用

本教程操作环境:windows10系统、jquery2.2.4版本,该方法适用于所有品牌电脑。

jquery中的prop()方法的用法:

prop()方法设置或返回被选元素的属性和值。

(学习视频分享:javascript视频教程

当该方法用于返回属性值时,则返回第一个匹配元素的值。

当该方法用于设置属性值时,则为匹配元素集合设置一个或多个属性/值对。

语法:

返回属性的值:

$(selector).prop(property)
Salin selepas log masuk

设置属性和值:

$(selector).prop(property,value)
Salin selepas log masuk

使用函数设置属性和值:

$(selector).prop(property,function(index,currentvalue))
Salin selepas log masuk

设置多个属性和值:

$(selector).prop({property:value, property:value,...})
Salin selepas log masuk

属性值:

  • property 规定属性的名称。

  • value 规定属性的值。

  • function(index,currentvalue) 规定返回要设置的属性值的函数。

index - 检索集合中元素的 index 位置。

currentvalue - 检索被选元素的当前属性值。

示例:

添加并移除名为 "color" 的属性:

$("button").click(function(){
    var $x = $("div");
    $x.prop("color","FF0000");
    $x.append("The color 属性: " + $x.prop("color"));
    $x.removeProp("color");});
Salin selepas log masuk

相关推荐:js教程

Atas ialah kandungan terperinci jquery中的prop()方法怎么用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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