Jquery中attr与prop的区别
程序员文章站
2022-03-25 11:13:09
prop()函数的结果: 1.如果有相应的属性,返回指定属性值。 2.如果没有相应的属性,返回值是空字符串。 attr()函数的结果: 1.如果有相应的属性,返回指定属性值。 2.如果没有相应的属性,返回值是undefined。 对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。 对 ......
prop()函数的结果:
1.如果有相应的属性,返回指定属性值。
2.如果没有相应的属性,返回值是空字符串。
attr()函数的结果:
1.如果有相应的属性,返回指定属性值。
2.如果没有相应的属性,返回值是undefined。
对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。
对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。
具有 true 和 false 两个属性的属性,如 checked, selected 或者 disabled 使用prop()
jquery中attr和prop的区别介绍:
•对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。
•对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。
栗子1:
<a href=
"http://www.baidu.com"
target=
"_self"
class
=
"btn"
>百度</a>
这个例子里<a>元素的DOM属性有“href、target和
class
",这些属性就是<a>元素本身就带有的属性,也是W3C标准里就包含有这几个属性,或者说在IDE里能够智能提示出的属性,这些就叫做固有属性。处理这些属性时,建议使用prop方法。
<a href=
"#"
id=
"link1"
action=
"delete"
>删除</a>
这个例子里<a>元素的DOM属性有“href、id和action”,很明显,前两个是固有属性,而后面一个“action”属性是我们自己自定义上去的,<a>元素本身是没有这个属性的。这种就是自定义的DOM属性。处理这些属性时,建议使用attr方法。
推荐阅读
-
Oracle中的Char与Varchar的区别和实例
-
PHP中SERIALIZE和JSON序列化与反序列化的区别
-
php中类继承与接口继承的区别是什么
-
jquery选择器中的空格与大于号>、加号+与波浪号~的区别
-
IE6与IE7中,innerHTML获取param的区别_javascript技巧
-
批处理中Copy与Xcopy命令的区别小结
-
php中const与define的使用区别 详解_PHP教程
-
jQuery中serializeArray()与serialize()的区别实例分析_jquery
-
PHP中isset与array_key_exists的区别实例分析_PHP教程
-
整理的比较全的event对像在ie与firefox浏览器中的区别_javascript技巧