zoukankan      html  css  js  c++  java
  • jQuery中的attr()和prop()使用

    总结:除了checked、seleted这样的属性推荐用prop()外,其他的随意都可以。

    原因如下:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
            "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
        <title></title>
        <script type="text/javascript" src="../js/lib/jquery-1.8.0.min.js"></script>
        <script type="text/javascript">
            function testCheck() {
                var result1 = $("#check").prop("checked"); //结果是true
                var result2 = $("#check").attr("checked"); //结果是checked
                console.info("被选择的情况下" + "result1:" + result1 + "||result2:" + result2);
            }
            function testNoCheck() {
                var result1 = $("#nocheck").prop("checked"); //结果是false
                var result2 = $("#nocheck").attr("checked"); //结果是undefined
                console.info("未有选择的情况下" + "result1:" + result1 + "||result2:" + result2);
            }
    
            $(function () {
                testCheck();//被选择的情况下result1:true||result2:checked
                testNoCheck();//未有选择的情况下result1:false||result2:undefined
            })
        </script>
    </head>
    <body>
    <input id="check" type="checkbox" value="football" checked="checked">足球
    <input id="nocheck" type="checkbox" value="football">篮球
    </body>
    </html>

    说明:

    prop()对于seleted返回的是true或者false,更直观。

  • 相关阅读:
    Go语言通道(chan)——goroutine之间通信的管道
    GO语言数组,切片,MAP总结
    GO数组
    GO切片
    GO语言测试
    GO语言html模板
    Go语言中defer语句使用小结
    微信小程序 某个页面直接返回首页
    小程序常用变量
    bzoj1030
  • 原文地址:https://www.cnblogs.com/LiuChunfu/p/4991308.html
Copyright © 2011-2022 走看看