attr和prop区别

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <input id="chk1" type="checkbox" />是否可见
        <input id="chk2" type="checkbox" checked="checked" />是否可见
        <script src="jquery-3.2.0.min.js"></script>
        <script type="text/javascript">
            $("#chk1").prop("checked") == false
            $("#chk2").prop("checked") == true
            //attr和prop的区别：
            //对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。
            //对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。
            $("#chk1").attr("checked") == undefined
            $("#chk2").attr("checked") == "checked"
        </script>
    </body>
</html>

时间： 2024-10-12 23:20:02

attr和prop区别的相关文章

jQuery 1.6+ 中attr()与prop() 区别

最近在写一个关于checkbox全选与取消全选的优化方法时,看到很多高手用到了.prop(). 于是在jquery的帮助文档查了一下,才知道这是在jquery 1.6.1中新加的方法,用来设置属性.但已经有了attr(),为何还要加入prop()呢?于是查阅了一下相关文档,总结一下. 下面主要写一下它们在何种情况下被使用: 一.checked,selected,readonly和disabled在1.6.1中和1.6之前的处理相同,也就是说还是直接用attr()即可,如 $(“:checkbox

jquery中attr()与prop()区别

我们知道jquery中获取元素属性有两种常见的方法,一个是attr()方法,这个是用的比较多的,也是我们第一个想到的.另外一个就是prop()方法了,这个方法之前很少用到,它是jquery1.6之后新增的方法.那么这两个方法都是获取属性的,那么神马区别呢?闲话不多说,下面我们就来说说. 首先从单词解释来说attr和prop分别是单词attribute和property的缩写,它们均表示"属性"的意思.下面我们看一个简单的例子. <body> <input type=&

attr与prop区别

在jQuery中,attr()函数和prop()函数都用于设置或获取指定的属性,它们的参数和用法也几乎完全相同. 但不得不说的是,这两个函数的用处却并不相同.下面我们来详细介绍这两个函数之间的区别. 1.操作对象不同很明显,attr和prop分别是单词attribute和property的缩写,并且它们均表示"属性"的意思. 不过,在jQuery中,attribute和property却是两个不同的概念.attribute表示HTML文档节点的属性,property表示JS对象的属性

html、val、attr、prop区别。this.value和$(this).val()区别以及return用法

html(): html() 方法返回或设置被选元素的内容 (inner HTML). 当使用该方法读取多个值时,它会返回第一个匹配元素的内容. 当使用该方法设置一个值时,它会覆盖所有匹配元素的内容. 取元素内容的时候会把指定元素下面的代码标签也能获取到 text() 读取多个返回多个和html()类似,但是只获取指定元素纯文本内容 val(): 返回或设置被选元素的值(读取多个只返回第一个),这点和html()类似通过value属性设置和获取,常用于input元素,只能用在表单元素上 at

jquery attr和prop区别

一.注意: 1.prop的性能更高,因为attr需要访问DOM属性节点,访问DOM是最耗时的.这种情况适用于多选项全选和反选的情况 2.在遇到要获取或设置checked,selected,readonly和disabled等属性时,用prop方法显然更好,比如像下面这样: <input type="checkbox" id="test" checked="checked" />console.log(el.attr("che

jquery的attr和prop区别之实例

对于HTML元素本身就带有的固有属性,在处理时,使用prop方法. 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法. html文件 <tr> <th></th> <td> <a class="easyui-linkbutton" style="width:60px;" onclick="selectAll()">全选</a> <a class=&

jQuery attr 与 prop 区别最简单分析

比较经典的解释: 在处理html元素本身就带有的固有属性时,使用prop方法,对于html元素中,我们自己定义的dom属性时,使用attr方法. 而咱自己的理解是: attr会忠实的获取设置dom标签中的任何字符串,里面有的,都能读取,而且是什么就读取什么,不会隐身转换,没有的读取的值为'undefined'. 而prop只能读取浏览器里提前封装好的dom属性,即固有属性,对于自定义的东东,不认识,也因为是提前和浏览器勾搭好了,所以能隐式转换,比如选择按钮的checked,它就知道返回ture.

jquery之attr和prop区别

$("input").attr("checked") //返回 checked undefined $("input").prop("checked") //返回 true false

checkbox之checked的方法(attr和prop)区别

1. $('#checkbox').click(function(){ if($('#checkbox').is(':checked')) { $(".sendmailhui").hide(); $(".sendmail").show(); }else{ $(".sendmailhui").show(); $(".sendmail").hide(); } }) 2. $("#chk").bind("