zoukankan      html  css  js  c++  java
  • jQuery1.6以上attr改用prop

    jQuery1.6以上,attr改用prop

    attr用法是:获取匹配的元素集合中的第一个元素的属性的值  或 设置每一个匹配元素的一个或多个属性。

    prop用法:获取匹配的元素集中第一个元素的属性(property)值或设置每一个匹配元素的一个或多个属性。

    //设置选中
    $('#cb').attr('checked',true);
    </script>
    这样写在Jquery1.6之前完全没问题,升级1.6到更高的版本时会发现:
    $('#cb').attr('checked'); 返回的是checked或者是undefined,不是原来的true和false了。 并且checked属性在页面初始化的时候已经初始化好了,不会随着状态的改变而改变。所以如果checkbox一开始是选中的,那么返回的是checked,如果一开始没被选中,则返回的是undefined

    <input type='checkbox' id='cb'/>
    <script>
    //获取是否选中
    var isChecked = $('#cb').prop('checked');
    //或
    var isChecked = $('#cb').is(":checked");
    //设置选中
    $('#cb').prop('checked',true);
    </script>

    查了官方文档,链接:https://www.html.cn/jqapi-1.9/attr/

    原因是:
    在jQuery 1.6中,当属性没有被设置时候,.attr()方法将返回undefined。 若要检索和更改DOM属性,比如元素的checked, selected, 或 disabled状态,请使用.prop()方法。
    $("#cb").attr("tagName"); //undefined
    $("#cb").prop("tagName"); //INPUT


  • 相关阅读:
    PHP命名空间
    php各个版本的区别
    MySQL的读写分离---主从复制、主主复制
    redis的安装和php的redis扩展
    php的设计模式
    git命令详情
    memcache和redis的对比
    mysql性能优化
    MySQL的分区、分表、集群
    nginx的反向代理和负载均衡
  • 原文地址:https://www.cnblogs.com/xuqiushuo/p/10537537.html
Copyright © 2011-2022 走看看