attr、prop、val三个用法

weixin_30932215

于 2018-06-21 16:14:00 发布

阅读量124

点赞数

原文链接：http://www.cnblogs.com/wfl9310/p/9209612.html

版权

<body>
    <div class="div1" con="c1"></div>
    <input type="checkbox" checked="checked">是否可见<!--加了和没加checked的区别就是默认有没有勾-->
    <input type="checkbox">是否可见
    <div id="id1">
    <p>jerry</p>
        </div>
    <input type="text" value="123">

    <script src="jquery-3.3.1.min.js"></script><!--不加此句$不识别-->
    <script>
    //属性操作自己定义的用attr，固有的搭配属性用prop
        console.log($("div").hasClass("div1"))//hasclass,显示的是布尔值为true,表示有这个名字，查找
        console.log($("div").attr("con"));//取到属性的值c1,attr

        console.log($(":checkbox:first").attr("checked"));//input标签固定用法$(":checkbox")，checkbox可以换为text。。。等等
        console.log($(":checkbox:first").prop("checked"));//prop把checkbox值设为true或者false
        console.log($("#id1").html())//显示这个div内部的内容包括标签p
         console.log($("#id1").text())//只获取文本，标签p不显示
        console.log($(":text").val())//val代表的是取到value值
    
        $("div").css("color","red")//css对应的是键值对的形式，
         $("div").css({"color":"red","background":"pink"});
    </script>
</body>
</html>