jquery attr(jQuery参数)
各位老铁们,大家好,今天由我来为大家分享jquery attr,以及jQuery参数的相关问题知识,希望对大家有所帮助。如果可以帮助到大家,还望关注收藏下本站,您的支持是我们最大的动力,谢谢大家了哈,下面我们开始吧!
jQuery学习之prop和attr的区别
prop和attr的根本区别在于:
1、对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。
<a rel="external nofollow" href="" target="_self" class="btn">百度</a>
这个例子里<a>元素的DOM属性有“href、target和class",这些属性就是<a>元素本身就带有的属性,也是W3C标准里就包含有这几个属性,或者说在IDE里能够智能提示出的属性,这些就叫做固有属性。处理这些属性时,建议使用prop方法。
2、对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。
<a rel="external nofollow" href="#" id="link1" action="delete">删除</a>
这个例子里<a>元素的DOM属性有“href、id和action”,很明显,前两个是固有属性,而后面一个“action”属性是我们自己自定义上去的,<a>元素本身是没有这个属性的。这种就是自定义的DOM属性。处理这些属性时,建议使用attr方法。
扩展资料:
attr()方法设置或返回被选元素的属性值。
根据该方法不同的参数,其工作方式也有所差异。
当该方法用于返回属性值,则返回第一个匹配元素的值。
当该方法用于设置属性值,则为匹配元素设置一个或多个属性/值对
简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情
。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
参考资料:百度百科-jQuery
百度百科-attr()
jquery中attr和prop的区别
jQuery的.attr()方法得到了一个元素的属性值主要有两个好处:
方便:它可以直接被jQuery对象访问并且链式调用其他jQuery方法。
浏览器兼容:一些属性在不同浏览器中得到不同的值。甚至在同一个浏览器的不同版本中。.attr()方法减少了兼容性问题。
注意:除少数属性意外,属性值都是字符串,如value和tabindex。
在jQuery1.6中,当属性没有被设置时候,.attr()方法将返回undefined。另外,.attr()不应该用在普通的对象,数组,窗口(window)或文件(document)上。若要检索和更改DOM属性,比如元素的checked,selected,或disabled状态,请使用.prop()方法。
Attributesvs.Properties
attributes和properties之间的差异在特定情况下是很重要。jQuery1.6之前,.attr()方法在取某些attribute的值时,会返回property的值,这就导致了结果的不一致。从jQuery1.6开始,.prop()方法方法返回property的值,而.attr()方法返回attributes的值。
例如,selectedIndex,tagName,nodeName,nodeType,ownerDocument,defaultChecked,和defaultSelected应使用.prop()方法进行取值或赋值。在jQuery1.6之前,这些属性使用.attr()方法取得,但是这并不是元素的attr属性。他们没有相应的属性(attributes),只有特性(property)。
jQuery 中 attr 和 prop 方法的区别
有的浏览器只要写disabled,checked就可以了,而有的要写成disabled="disabled",checked="checked",比如用attr("checked")获取checkbox的checked属性时选中的时候可以取到值,值为"checked"但没选中获取值就是undefined。
jq提供新的方法“prop”来获取这些属性,就是来解决这个问题的,以前我们使用attr获取checked属性时返回"checked"和"",现在使用prop方法获取属性则统一返回true和false。
那么,什么时候使用attr(),什么时候使用prop()?
1.添加属性名称该属性就会生效应该使用prop();
2.是有true,false两个属性使用prop();
3.其他则使用attr();
以下是官方建议attr(),prop()的使用:
关于jquery attr和jQuery参数的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。