《jQuery、jQuery UI及jQuery Mobile技巧与示例》——3.4 技巧：更改property和attribute

本节书摘来自异步社区《jquery、jquery ui及jquery mobile技巧与示例》一书中的第3章，第3.4节，作者：【荷】adriaan de jonge , 【美】phil dutson著，更多章节内容可以访问云栖社区“异步社区”公众号查看

使用attr()，可以更改html元素的attribute，比如rel、lang或者自定义的attribute。使用prop()，可以更改html元素的property。代码清单3-4演示了麻烦是怎么产生的。在某些情况下，从html的视角来看像是attribute，而从javascript的视角来看又是property。（jquery 1.6的发布版作了修改，使得prop()函数只能用于property值，而attr()函数只能用于attribute值1。

代码清单3-4　演示property和attribute之间的区别

第39行使用prop()函数把单选按钮转换成了复选框。在旧版本的jquery中，也可以使用attr()完成相同的功能。当前版本的jquery，对这两个函数已经作了区分。

第41行设置了一个自定义attribute。如果你的浏览器够“现代”，更改attribute后会显示第9～11行的css样式效果。