当前位置: 首页 > 编程笔记 >

关于jquery中attr()和prop()方法的区别

宰父霖
2023-03-14
本文向大家介绍关于jquery中attr()和prop()方法的区别,包括了关于jquery中attr()和prop()方法的区别的使用技巧和注意事项,需要的朋友参考一下

最近项目回归使用jquery,页面渲染全是使用jquery做的,所以做的时候也遇到了许多以前没有见过的问题,如这次操作【radio】控件的"checked"属性时有遇到问题,

$("...").attr("checked",false);无法起到作用,上网查了下使用prop()完美的解决了该问题,特此记录一下。

官方定义:attr():

attr() 方法设置或返回被选元素的属性和值。

当该方法用于返回属性值,则返回第一个匹配元素的值。

当该方法用于设置属性值,则为匹配元素设置一个或多个属性/值对。

prop():

prop() 方法设置或返回被选元素的属性和值。

当该方法用于返回属性值时,则返回第一个匹配元素的值。

当该方法用于设置属性值时,则为匹配元素集合设置一个或多个属性/值对。

$('').attr()返回的是html对象

$('').prop()返回的是DOM对象

prop()

方法操作radio(checkbox)之类的控件,让其选中的时候,其控件选中的值也会随之改变。即既可以控制其选中,也能控制其取消选中;

类似于$("...").attr("checked");返回的是true或者false

如果有相应的属性,返回的是该属性,如果没有则返回空串

attr()

方法操作adio(checkbox)之类的控件,让其选中的时候,其控件选中的值不会随之改变。即只能控制其选中,不能控制其取消选中;

类似于$("...").attr("checked");返回的是'checked'或者undefined

如果有相应的属性,返回的是该属性,如果没有则返回undefined

attr和prop的使用场景:

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

2.是有true,false两个属性使用prop();(如'checked','selected','disabled'等)

3.其他则使用attr();

官方推荐使用:

 类似资料:
  • 本文向大家介绍jQuery的attr和prop方法有什么区别?相关面试题,主要包含被问及jQuery的attr和prop方法有什么区别?时的应答技巧和注意事项,需要的朋友参考一下

  • 本文向大家介绍jquery中attr和prop的区别分析,包括了jquery中attr和prop的区别分析的使用技巧和注意事项,需要的朋友参考一下 在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了。 关于它们两个的区别,网上的答案很多。这里谈谈我的心得,我的心得很简单: • 对于HTML元素本身就带有的固有属性,在处理时,

  • 本文向大家介绍Jquery中attr与prop的区别详解,包括了Jquery中attr与prop的区别详解的使用技巧和注意事项,需要的朋友参考一下 实践过程 在前一段时间,同事做了一个页面,效果是这样的 页面 当点击左上方那个checkBox时,要将下面的checkBox全部选中,我们的代码是这样的 然并卵,一点效果都没有,后来换成这样,好了 于是上官方的文档查了下attr和prop的区别,发现根

  • 本文向大家介绍jquery中attr、prop、data区别与用法分析,包括了jquery中attr、prop、data区别与用法分析的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jquery中attr、prop、data区别与用法。分享给大家供大家参考,具体如下: 在高版本的jquery中获取标签的属性,可以使用attr()、prop()、data(),那么这些方法有什么区别呢? 对于

  • 本文向大家介绍jQuery获取attr()与prop()属性值的方法及区别介绍,包括了jQuery获取attr()与prop()属性值的方法及区别介绍的使用技巧和注意事项,需要的朋友参考一下 今天在项目中使用<select></select>下拉菜单时,使用juery操作,使页面加载完菜单默认选中的值为2,我一开始的操作如下: 咋一看好完美,木问题,但是我发现在Safari浏览器中,根本不起作用!

  • 本文向大家介绍jQuery中 prop() attr()使用详解,包括了jQuery中 prop() attr()使用详解的使用技巧和注意事项,需要的朋友参考一下 对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。 在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之