《锋利的jQuery》学习总结（4）prop()和attr()

在学习到“复选框应用”这一小节的时候&＃xff0c;我发现代码运行在ff上没有效果&＃xff0c;开始以为是浏览器的原因&＃xff0c;后来换成IE也不行&＃xff0c;后来在网上查到&＃xff0c;是因为其中的attr()应该换成prop()&＃xff0c;这样就可以正常显示了。 代码如下&＃xff1a;

你爱好的运动是?



现在总结下为什么会这样&＃xff1f;

在以前jQuery版本中&＃xff0c;一直用attr()来获取对象的属性&＃xff0c;比如取一个图片的alt属性&＃xff0c;就是$("#img").attr(&＃39;alt&＃39;);但是&＃xff0c;比如&＃xff1a;disabled&＃61;"disabled”&＃xff0c;在不同的浏览器里要求就不一样&＃xff1b;所以从jQuery1.6版之后&＃xff0c;使用prop()来获取标准属性&＃xff1a;true/false;那么$“#checkbox”).prop(&＃39;checked&＃39;) 只会返回true/false&＃xff0c;而不会返回“disabled”或“”&＃xff1b;

用prop()的原则&＃xff1a;

1. 只添加属性名称属性就会立即生效的属性&＃xff0c;比如selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 和 defaultSelected;
   2.只存在true/false的属性&＃xff0c;也就是属性只有布尔值的属性;