jquery 之prop与attr

attr：属性值，代表着初始化的值

prop：可获得变动的值

select,check

eg:

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="jquery.min.js"></script>
    <script type="text/javascript">
        function checkclick() {
            console.log($(":checkbox").prop("checked"));//为ture与false交替
            console.log($(":checkbox").attr("checked"));//一直为checked
        }

    </script>
</head>

<body>
    <input type="checkbox"  checked="checked" onclick="checkclick();"/>
</body>
</html>

时间： 2024-10-05 04:27:53

jquery 之prop与attr的相关文章

jquery中prop和attr的区别

jquery中prop和attr的区别 prop: prop(name|properties|key,value|fn) **概述** 获取在匹配的元素集中的第一个元素的属性值. 随着一些内置属性的DOM元素或window对象,如果试图将删除该属性,浏览器可能会产生错误. jQuery第一次分配undefined值的属性,而忽略了浏览器生成的任何错误 **参数** name String V1.6 属性名称 properties Map V1.6 作为属性的"名/值对"对象 key,v

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

在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了. 关于它们两个的区别,网上的答案很多.这里谈谈我的心得,我的心得很简单: 对于HTML元素本身就带有的固有属性,在处理时,使用prop方法. 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法. 上面的描述也许有点模糊,举几个例子就知道了. <a href="http://www.baidu.com" target="_sel

jquery之prop和attr区别

最近用jquery比较多,处理属性的时候发现之前并没有注意到的问题. 平时处理属性都用attr,比如获取checkbox的checked值或者设置checkbox的checked的值 <input type="checkbox" id="allCheck"> $('#allCheck').attr('checked') $('#allCheck').attr('checked','checked') //发现选项并未被选中,只是在有些情况下发生转自:

【Jquery】prop与attr的区别

最近因项目需要用到复选框,其中一个控制全选. // 全选 $(".ckb_all").click(function(){ if($(this).attr("checked") == true){ $(":input[name='ckb_img']").attr("checked",true); }else{ $(":input[name='ckb_img']").attr("checked&quo

第82天：jQuery中prop()和attr()的区别

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

prop() 和 attr() 可能返回不同的值,先看下面一段代码 <script> $(document).ready(function(){ $("button").click(function(){ $("input").attr('checked') //attr('checked'): checked 或 undefined $("input").prop('checked')); //prop('checked'): tr

jquery之prop与attr区别。

一切看下面代码示例<!DOCTYPE html> <html> <head> <title>全选和反选</title> <script type="text/javascript" src="./jquery-1.11.2.min.js"></script> </head> <body> <input type="checkbox"

浅谈jquery中prop()和attr()

我们都知道,一般在jquery中设置属性时要用到attr()方法,现在我们有一个效果,点击按钮切换复选框的选中状态,下面贴出html代码: <input type="checkbox" id="check"> <label>复选框</label> <input type="button" value="切换" id="btn"> js代码: <scrip

jQuery的prop和attr方法之间区别

JQuery.attr(): Get the value of an attribute for the first element in the set of matched elements. JQuery. Prop(): Gets the value of a property for the first element in the set of matched elements. Reference MSDN: for a checkbox (jquery 1.6+) <input