2021.11.9

    //   // attr(属性名)   获取属性值

            //   // attr(属性名，属性值)   设置属性

            //   $("span").attr("data-id","1002")

            //   console.log($("span").attr("id"))

            //   console.log($("span").attr("data-id"))

            //  var chk =  $("#sex").prop("checked") //获取转换为布尔值  好处是可以设置全选或反选

            //  console.log(chk)

            //  var chk =  $("#sex").attr("checked")//获取转换为字符串

            // //  console.log(chk) 返回checked 或 undefined

            // $("#sex").change(function(){

            //     // $(":checkbox").prop("checked",false)

            //     var chk1=$(this).prop("checked")

            //     $(":checkbox:not([id])").prop("checked",chk1)

               

            // })

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

            //     // $(":checkbox").prop("checked",false)

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

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

            //         $(item).prop("checked", !ck)

            //     })

            // })

            //没有参数时获取，带参数时设置

     

            //html div<span> </span>div

            //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>")

                // css 改变的行内样式

                // class 改变的是以class命名的元素

            //  $("div").width()   简写

            //  $("div").css("width")