1、attr(属性名) 获取属性值 attr 返回 (checked) /undefined
attr(属性名,属性值) 设置属性 返回属性值的函数,第一个参数为当前元素的索引值,第二个参数为原先的属性值。
var chk2=$("#sex").attr("checked");
// console.log(chk2);
// $("span").attr("data-id","1002")
// console.log($("span").attr("id"));
// console.log($("span").attr("data-id"));
2、prop 获取字符串 true/false 获取在匹配的元素集中的第一个元素的属性值
var chk=$("#sex").prop("checked");
// console.log(chk);
3、:checkbox 匹配所有复选框
$(":checkbox").attr("checked",ture);
$(":checkbox").prop("checked",ture);
$("#sex").change(function () {
// // $(":checkbox").prop("checked",ture); :checkbox 匹配所有复选框
// var che1=$(this).prop("checked");
// $(":checkbox:not([id])").prop("checked",che1);
// // console.log(che1)
// })
$("#sex2").change(function () {
// $(":checkbox:not([id])").each(function (index,item) {
// var ck= $(item).prop("checked");
// $(item).prop("checked",!ck);
// })
// })
HTML:
<form action="#">
<span id=name data-id="1001">姓名</span>
<input type="text" name="name">
<br>
<input type="checkbox" name="sex" id="sex">
<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="">
4、 //没有参数时获取 , 带参数的设置
//html 获取的是包含子元素 html标签的代码 div<span>span</span>
//text 获取纯文本 只获取文本内容 div span
//val 获取的空 交互控件(表单控件)的值
//在设置时 HTML会解析其中的标签($("div").html("<h1>h1</h1>");)
// text不会解析,只是原样输出 ($("div").html("<h1>h1</h1>");)
// var html= $("div").html();
// var text= $("div").text();
// var val= $("div").val();
// console.log(html,text,val);
// $("div").html("<h1>h1</h1>");
// $("div").html("<h1>h1</h1>");
// $("div").css("样式","值") 只改行内样式
//$("div").css("color","red")
// $("div").width("100px"); css的简写
// $("div").css("width");
HTML:
<div >div<span>span</span></div>
浙公网安备 33010602011771号