<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>
