成都网站建设设计

将想法与焦点和您一起共享

jqueryprop,jquery prop无效

jquery prop 是什么意思?

prop()获取匹配的元素的属性值。

让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:空间域名、虚拟主机、营销软件、网站建设、蔡甸网站维护、网站推广。

这个方法是jquery1.6以后出来的,用来区别之前的.attr()方法.

区别最大的一点就是:布尔型的属性,1.6以后都是用.prop()方法就好了。

这个布尔型的属性,再解释一下,是属性值只有true|false的属性。

还有种情况就是只添加属性名,不需要写属性值的就可以生效的也同样使用.prop()方法。比如:checked、disable这样的,其实它们说到底还是属于布尔型的属性。

1.添加属性名称该属性就会生效应该使用prop();

2.是有true,false两个属性使用prop();

3.其他则使用attr();

jquery prop()函数

prop函数用于设置或返回当前jQuery对象所匹配的元素的属性值

div ccc='aaa'/div

$("div").prop("ccc")//输出aaa

类似attr方法

对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。

对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。

jquery的prop方法怎么用

你好!

jquery的prop()函数,跟attr()函数类似,具体用法prop("属性名","属性值")

它们的区别是prop()一般用于元素自带属性,比如checkbox的checked属性

input type="checkbox" id="aa" value="0" /

$("#aa").prop("checked",true)  选中,设置为false则为取消选中

而attr()更多用在自定义属性上面

div id="cc" sourceType="java" /div

$("#cc").attr("sourceType", "javascript");

希望对你有帮助!

jquery中attr和prop的区别

两者从中文意思理解,都是获取/设置属性的方法。

attr 方法一般用于操作自定义属性,通过访问、操作 DOM 元素的属性节点来工作,类似 JS 中的 setAttribute("属性","值")和取得属性值getAttribute("属性"),事实上 jQuery 的源码中也是利用这两个原生方法。

那么为什么还要有 prop 方法呢?不是多此一举吗?其实不然,prop 方法是 jQuery v1.6.1 才新出来的,性能要更好一些,解决了 window 或 document 无法使用 attr 方法的问题,同时在获取元素状态时返回布尔值,大大方便了对状态的判断。prop 一般用于操作 HTML 元素固有属性。

举一些例子来辅助说明吧,假设有如下 HTML 元素:

input type="text" id="ipt1" name="demo"

input type="radio" id="radio" disabled

input type="checkbox" id="ckbox" checked

input type="text" id="ipt3"

input type="text" id="ipt4"

span id="span" data-tip="abc"/span

验证结果如下:

console.group('获取固有属性');

console.log($('#ipt1').attr('name'));  // 'demo'

console.log($('#ipt1').prop('name'));  // 'demo'

console.groupEnd();

console.group('获取固有属性-状态值');

console.log($('#radio').attr('disabled'));  // 'disbaled'

console.log($('#radio').prop('disabled'));  // true

console.log($('#ckbox').attr('checked'));  // 'checked'

console.log($('#ckbox').prop('checked'));  // true

console.groupEnd();

$('#ipt3').attr('readonly', true);  // 文本框处于只读状态

$('#ipt4').prop('readonly', true);  // 同上

console.group('获取自定义属性');

console.log($('#span').attr('data-tip'));  // 'abc'

console.log($('#span').prop('data-tip'));  // undefined

console.groupEnd();

console.group('获取不存在的自定义属性');

console.log($('#span').attr('data-none'));  // undefined

console.log($('#span').prop('data-none'));  // undefined

console.groupEnd();


分享文章:jqueryprop,jquery prop无效
标题路径:http://chengdu.cdxwcx.cn/article/dssehos.html