jQuery

 获取 下拉框 选中状态下，自定义属性的值
 $('#xm').find("option:selected").attr("sort");  option id为xm的自定义属性sort

 修改input的值
 $('$xmsort').attr("value",'值')；
 
 使用 data- 开头的属性
 <input  id = "xia"  data-xxx = "123" />
 var data = $("#xia").data("xxx");

 替换元素 replaceWith()
 $("p").replaceWith("<b>Hello world!</b>");  // p标签换成加粗的hello world
 下拉框,文本框 换成 文本展示
 $("#id").find("input[type=text],select,textarea").each(function(){
     $(this).replaceWith($(this).val());
 }

 location.reload() 局部刷新用
 window.parent.location.reload() 刷新进父窗口  本子窗口关闭 

选择器
 元素选择器  $("p")
 id选择器    $("#id")
 class选择器  $(".a")
 
 事件
click()     点击事件
hover()   鼠标悬停
focus()    获得焦点
change()   表单某元素改变
onblur()     失去焦点触发

获取内容和属性
 内容
 text() - 设置或返回所选元素的文本内容
 html() - 设置或返回所选元素的内容（包括 HTML 标记）
 val() - 设置或返回表单字段的值

 属性
 prop()  自带的属性 无值返回空字符串    
 attr()  自定义的属性可用 无值返回undefined
 
 遍历
 祖先
 parent()  被选元素的父元素
 parents()  被选元素的所有祖先元素
 
 后代
 children()    被选元素所有子元素  $("div").children();
 find()    被选元素的后代元素，一路向下直到最后一个后代  $("div").find("span");
 
 同胞    
 siblings()    选元素的所有同胞元素    $("h2").siblings();
 next()     返回被选元素的下一个同胞元素。
 nextAll()     返回被选元素的所有跟随的同胞元素。
 
 过滤
 first()     返回被选元素的首个元素。$("div p").first() 首个 <div> 元素内部的第一个 <p> 元素
 last()     返回被选元素的最后一个元素。
 eq()        被选元素中带有指定索引号的元素 $("p").eq(1); 第二个 <p> 元素（索引号 1）
 filter()     返回匹配的元素    $("p").filter(".url");        有类名 "url" 的所有 <p> 元素
 $("p").filter(".url").css("background-color","yellow"); = $("p.url").css("background-color","yellow");