属性 样式

 

       $(function() {

           attr(属性名) 获取属性值

           attr(属性名,属性值) 设置属性

           $("span").attr("data-id","1002")设置属性

           console.log($("span").attr("id"))获取属性值

           console.log($("span").attr("data-id"))获取属性值

 

           var c=$("#sex").prop("checked") 返回值true false

           var c=$("#sex").attr("checked") 选中返回checked否则undefined

           $(":checkbox").attr("checked",true) 

           $(":checkbox").prop("checked",true)

 

           全选

           $("#sex").change(function(){ 获取点击按钮的id

           var chk1=$(this).prop("checked") 获取当前checked属性

           $(":checkbox").prop("checked",chk1)/将所有的checkbox的checked改为当前获取的checked值是true或 false

           })

 

           反选

           $("#sex2").change(function(){

           $(":checkbox:not([id])").each(function(index,item){ 

           checkbox内不包含id的   each循环       index下标,item获取的每一个checkbox标签

           var ck=$(item).prop("checked")

           $(item).prop("checked",!ck) !反选

            })

           })

           

           没有参数时获取，带参数时是设置 括号内有内容

           html() 包含html标签的代码 div<span>span</span>

           text()纯文本 divspan

           val() 交互控件（表单控件）的值 ""

           在设置时，html会解析其中的标签，text不会解析，只是原样输出

           

           var html=$("div").html();

           var text=$("div").text();

           var val=$("div").val();

           console.log(html,text,val)

 

           $("div").css("color","red"); css操作行内样式

           

           $("div").css("color","red");

           $("div").color();简写