JQ中attr()和prop()的使用区别

原创 2018年04月17日 09:06:10

1.attr()是获取对象属性的,比如获取一个图片的alt属性:

	$('img').attr('alt')

2.对于不用写值的属性比如:disabled、selected、checked 使用prop()

disabled在浏览器中写法不一致,有些直接写‘disabled’,有写需要这样写 disabled = ”disabled”

使用attr('disabled')获取的可能是disabled或者 undefined
使用prop('disabled')获取返回的是 true 或 false

prop()函数的结果:
      1.如果有相应的属性,返回指定属性值。
      2.如果没有相应的属性,返回值是空字符串。
attr()函数的结果:
      1.如果有相应的属性,返回指定属性值。
      2.如果没有相应的属性,返回值是undefined。

3.使用规则:

对于HTML元素本身固有的属性,使用prop()方法获取;

对于HTML元素我们自己定义的DOM属性,使用attr()方法获取;

具有 true 和 false 两个属性的属性,如 checked, selected 或者 disabled 使用prop()







                
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_37144354/article/details/79969324

jQuery中html()、text()和val()的区别、jQuery中attr()和prop()的区别

jQuery中html()、text()、val()的区别 html():向匹配的元素中添加html标记。比如、等html标签。添加的元素将覆盖原有的元素内容。 text():向匹配的元素中添加文本。...
  • fly_zxy
  • fly_zxy
  • 2016-02-15 11:07:05
  • 1357

JQ属性选取attr、prop、data的区别

1、attr返回属性的值(标签自带属性和自定意属性都可以返回)2、prop返回true或false(只能返回标签自带属性,不能返回自定义属性)3、data向被选元素附加数据,或者从被选元素获取数据(即...
  • qq_26291823
  • qq_26291823
  • 2016-01-07 20:10:15
  • 1313

jquery 属性操作 attr( ) prop()css( )区别

attr () 和 prop( ) css( )
  • qq_35809245
  • qq_35809245
  • 2017-01-13 00:33:47
  • 1966

jquery attr和prop区别 attr选中checkbox不起作用

问题再现 使用jquery选中checkbox时,只有鼠标点击后,才起作用,之后就不起作用,$("#mycheckbox").attr("checked",true) 后来搜到很多说明,说是jquer...
  • wangjun5159
  • wangjun5159
  • 2015-11-30 22:01:01
  • 1078

jQuery中prop()和attr()的区别

HTML属性是指页面标记中放在引号中的值,而DOM属性则是指通过JavaScript能够存取的值。在jQuery中,prop()是操作DOM属性,attr()是操作HTML属性。HTML属性与对应的D...
  • css_styles
  • css_styles
  • 2016-06-20 11:10:10
  • 910

jQuery中的attr()与prop()设置属性、获取属性的区别

从jQuery1.6开始,使用attr()获取这些属性的返回值为String类型,如果被选中(或禁用)就返回checked、selected或disabled,否则(即元素节点没有该属性)返回unde...
  • chenchunlin526
  • chenchunlin526
  • 2017-08-20 10:21:32
  • 864

html——attr与val、attr与prop、attr与css区别

一、attr与val val只能获取到元素的value值,如: alert($(this).val()+"unselected");this是checkbo...
  • xcymorningsun
  • xcymorningsun
  • 2017-01-13 16:04:07
  • 540

在IE11和Firefox下attr和prop的兼容性问题(IE低版本和google没有问题)

最近工作中遇到一个比较棘手的兼容性问题,下面就分享一下解决过程吧 背景说明: 左边一个文本框,右边一个下拉框,下拉框显示从数据库取出来的数据,功能要求左边的文本框输入右边下拉框的value值,下拉框自...
  • tancy_weipj
  • tancy_weipj
  • 2016-02-04 10:34:47
  • 3021

【jQuery】对于复选框操作的attr与prop

这个是在jQuery1.6版本之后出现的鬼东西。受影响的主要有下拉列表select与复选框checkbox。众所周知,在jQuery中可以用attr()取出节点的属性,然而对于checkbox却不是这...
  • yongh701
  • yongh701
  • 2015-06-06 10:16:38
  • 1754

jquery中attr方法和prop方法的区别

jQuery中,用于获取属性的方法,主要是基于prop方法的,我们经常使用的是attr方法,不过在attr方法中,有时候会出现一些问题的,这里就看下jquery的API中attr的介绍,主要内容翻译自...
  • Lingfeng928
  • Lingfeng928
  • 2016-12-15 17:53:12
  • 969
收藏助手
不良信息举报
您举报文章:JQ中attr()和prop()的使用区别
举报原因:
原因补充:

(最多只允许输入30个字)