今日所获

比 style 内联样式优先级更高的：!important

console.dir（）解析

补充代码,鼠标单击 Button1 后将 Button1 移动到 Button2 的后面

js通过副节点插入

handler事件处理函数

 

addClass(class|fn)：为每个匹配的元素添加指定的类名

removeClass([class|fn])：一个或多个要删除的CSS类名，请用空格分开

toggleClass(class|fn[,sw])：如果存在（不存在）就删除（添加）一个类。

 

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

            固定：

            html():获取的是包含html标签的代码 div<span>span</span>

            text(): 获取的是纯文本 divspan

            val():用来获取交互控件（表单控件（密码框、文本框等））的值   ""

            在设置时：html会解析其中的标签

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

            var text =$("div").text();//text不会解析只是原样输出

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

            console.log(html,text,val);

            $("div").css("color","red")//改的是行内样式

attr(属性名)获取属性值

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

            $("span").attr("data-id","1002");//原生属性

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

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

            var chk=("#sex").prop("checked");// 返回值true/false 获取的直接转化布尔值，好处

            console.log(chk);true/false

            var chk2=$("#sex").attr("checked");//返回undefined