jquery中的prop()方法怎么用-js教程-PHP中文网

jquery中的prop()方法怎么用

王林

发布： 2020-11-24 11:01:47

原创

4468人浏览过

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

jquery中的prop()方法怎么用

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

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

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

（学习视频分享：javascript视频教程）

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

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

语法：

返回属性的值：

$(selector).prop(property)

登录后复制

设置属性和值：

$(selector).prop(property,value)

登录后复制

使用函数设置属性和值：

$(selector).prop(property,function(index,currentvalue))

登录后复制

设置多个属性和值：

ETsale产品销售简单报表管理系统3.0

ETsale3.0是采用php+mysql+smarty+jquery开发的一个很小很小的管理程序，适用于中小企业对产品销售后的报表管理以及客户资料和联通记录管理。由于采用smarty做模板，所以更方便修改外观以适用于自己的公司。程序加入简单的srm管理系统安装方法：1、以二进制上传所有文件到服务器目录2、修改cache,templates_c,目录为可写(0777)3、把include\conf

查看详情

$(selector).prop({property:value, property:value,...})

登录后复制

属性值：

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");});

登录后复制