jq属性和样式
提高优先级：样式后面加!important
// console.dir();
// var n6=str.splice(/[ac]/)
// var x2=fruits.join("and连接符")
// attr(属性名) 获取属性值
// attr(属性名,属性值) 设置属性
// $("span").attr("data-id","1002")
// console.log($("span").attr("id"))
// console.log($("span").attr("data-id"))
var chk=$("#sex").prop("checked")//prop实现全选或反选 true false
//没有参数时获取 带参数时设置
//html div<span>span</span> 获取包含html标签的代码
//text divspan 获取纯文本
//val ""获取是空 交互控件（表单控件）的值
//在设置时，html会解析其中的标签，text不会解析，只会原样输出
// var html=$("div").html();
// var text=$("div").text();
// var val=$("div").val(); //原样不解析
// console.log(html,text,val)
// $("div").text("<h1>h1</h1>")
var val=$("div").val(); //原样不解析
$("div").css("color","red")//修改的行内样式=style
// $("div").width()=$("div").css("width")
全选和反选eg:
<script>
$(function(){
$("#sex").change(function(){
// $("#checkbox").prop("checked".false)
var chk1=$(this).prop("checked")
$(":checkbox").prop("checked",chk1)
// console.log(chk1)
})
$("#sex2").change(function(){
$(":checkbox:not([id])").each(function(index,item){
var ck = $(item).prop("checked")
$(item).prop("checked",!ck)
})
})
})
</script>
<body>
<div class="a">div<span>span</span></div>
<form action="#">
<span id="name1" data-id="1000">姓名：</span>
<input type="text" name="name">
<input type="checkbox" name="sex" id="sex">
<br>
<label for="sex">全选/全不选</label>
<input type="checkbox" name="sex" id="sex2">
<label for="sex">反选</label>
</form>
<input type="checkbox" name="">
<input type="checkbox" name="">
<input type="checkbox" name="">
</body>
选择全选时的效果：
去掉几个勾选：
点击反选后的效果：
浙公网安备 33010602011771号