美文网首页
jQuery之attr和prop比较

jQuery之attr和prop比较

作者: Garden_Z | 来源:发表于2016-12-21 10:53 被阅读0次

jQuery之attr和prop比较(基于jQuery-1.11.0)

先上图,有图有真相。

一、attr(attribute)

1、js原生通过setAttribute、getAttribute进行设置、读取

2、直接写在标签上的属性,表现为:

      (a)在html的标签上用到的属性如id,href可以获取到值

      (b)即使该标签有该属性,如style、class,但如果不在标签中显式地写出,也获取不到值(返回undefined)

      (c)通过attr可以给标签添加自定义属性(myattr),且显式地出现在标签中

二、prop(property)

1、js原生通过“.”号来进行设置、读取的属性,就跟Javascript里普通对象属性的读取差不多

2、同样的属性名,有的属性如href,获取的值和通过attr获取的不同

3、自定义的属性不会出现在html的标签上,如aaprop

三、部分含boolen类型值属性的标签

1、$('input').attr('checked')   //checked

2、$('input').prop('checked')    //true

相关文章

  • jQuery之attr和prop比较

    jQuery之attr和prop比较(基于jQuery-1.11.0) 先上图,有图有真相。 一、attr(att...

  • Jquery中的`attr`和`prop`的区别

    Jquery中的attr和prop的区别 测试唤醒: Google attr和prop的作用和区别   attr和...

  • 前端学习笔记

    jQuery中attr()和prop()的使用和区别 一、attr()使用 $(selector).attr():...

  • jquery使用(三):常用方法区分

    一、关于jQuery中html()、text()和val()的区别 二、jQuery中attr()和prop()的...

  • jQuery.prop()、 jQuery.attr()、jQ

    jQuery.prop()和 jQuery.attr()方法同样都能够添加属性,但是也是有区别的,一般attr()...

  • 总结3

    1.jQuery中attr和prop的区别 那么,什么时候使用attr,什么时候使用prop?? 1.添加属性名称...

  • jquery 细节问题

    操作布尔属性 jquery操作以下元素的属性: 方法 jquery中attr和prop的区别 固有属性使用prop...

  • jquery prop和attr

    jquery 1.6新增了prop函数 网上有很多关于两者区别的介绍,我就不详细讲解了,我简单粗暴的记忆一下 判断...

  • jQuery attr()和prop()

    以下言论还没有经过测试,纯属猜想,我觉得,attr是获取的属性等号右边的值,像checked,在input上并没有...

  • jQuery的基本使用二

    1 jQuery 属性操作 jQuery 常用属性操作有三种:prop() / attr() / data() ;...

网友评论

      本文标题:jQuery之attr和prop比较

      本文链接:https://www.haomeiwen.com/subject/debruttx.html