属性 样式

         $(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();简写          

 

上一篇:JavaScript实现全选反选的小案例


下一篇:Practical Training Jquery 课二-属性和样式--课堂代码及注释