比 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