JS
1、find() 方法返回被选元素的后代元素
（1）
$("ul").find("span").css({"color":"red","border":"2px solid red"}); //返回 <ul> 后代中所有的 <span> 元素
$("ul").find("span").size(); //判断是否找到元素
2、jQuery UI API - 可排序小部件（Sortable Widget） //使用鼠标调整列表或者单元元素的排序
（1）
$("").sortable({
helper:"clone", //helper:允许一个 helper 元素用于拖拽显示,clone:元素将被克隆，且克隆将被拖拽
revert:true, //是否使用一个流畅的动画还原到它的新位置。
delay:800, //在排序拖动开始多少毫秒后元素才开始移动； 这可以防止意外的点击造成元素的拖动
placeholder:"class的名称", //占位符，拖动到指定区域后的背景样式
tolerance:"pointer", //设置当拖动元素越过其它元素多少时便对元素进行重新排序。可选值：intersect：至少重叠50%,pointer：鼠标指针重叠元素
opacity:0.7, //定义当排序时，辅助元素(helper)显示的透明度
handle:".move", //限制排序的动作只能在item元素中的某个元素开始。
start:function(event,ui){
}
sort:function(event,ui){ //排序的时候触发该事件
}
receive:function(event,ui){ //当来自一个连接的 sortable 列表的一个项目被放置到另一个列表时触发该事件
}
out:function(event,ui){ //当一个 sortable 项目从一个 sortable 列表移除时触发该事件。注释：当一个 sortable 项目被撤销时也会触发该事件。
}
update:function(event,ui){ //当用户停止排序且 DOM 位置改变时触发该事件
}
stop:function(event,ui){ //当排序停止时触发事件
}
});
3、jQuery UI API - 可拖拽小部件（Draggable Widget） //允许使用鼠标移动元素
（1）
$("").draggable({
connectToSortable:"#", //允许 draggable 放置在指定的 sortable 上 //注：helper 选项必须设置为 "clone"，以便更好地工作
helper:"clone", //helper:允许一个 helper 元素用于拖拽显示。clone:元素将被克隆，且克隆将被拖拽。
helper: function(event){
return $(this).find(".dwQuTypeModel").html(); //将返回拖拽时要使用的 DOMElement
},
zIndex:-1, //堆叠顺序级别，数越大级别越高
cursorAt:{left: 40, top: 25}, //设置拖拽助手（helper）相对于鼠标光标的偏移,{ top, left, right, bottom }
scroll:true,//如果设置成true，则元素被拖动到页面边缘时，会自动滚动
scrollSensitivity:20,//设置当元素移动至边缘多少像素时，便开始滚动页面。
scrollSpeed:20,//当鼠标指针的值小于scrollSensitivity的值时，窗口滚动的速度。如果scroll选项设置为false，则该参数无效。默认值：20
appendTo:"" //当拖拽时，draggable 助手（helper）要追加到哪一个元素
start:function(){ //开始的时候，执行的方法 ，比如添加css或是别的
isDrag:true, //是否拖动
}
drag:function(){ //拖动的时候，执行的方法 ，比如添加css或是别的
isDrag:true, //是否拖动
}
stop:function(){ //放下的时候，执行的方法 ，比如添加css或是别的
}
});
4、removeClass移除类$("").removeClass("类"); //移除该标签的类
5、
$().attr() 方法设置或返回被选元素的属性值
6、
$().offset() 方法设置或返回被选元素相对于文档的偏移坐标
7、
变量.indexOf("") 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果没有找到匹配的字符串则返回 -1。
8、
$().html() 方法返回或设置被选元素的内容
9、
window.getSelection().selectAllChildren(el[0]); //全选window.getSelection().collapseToEnd(el[0]); //光标置后
10、
$().keyup()方法 //当按钮被松开时，发生 keyup 事件。它发生在当前获得焦点的元素上。
11、
contenteditable属性： 是一个枚举属性，表示元素是否可被用户编辑。 如果可以，浏览器会修改元素的部件以允许编辑
12、
$().unbind()方法 //移除被选元素的事件处理程序
13、
$().parents()方法 //返回被选元素的所有祖先元素
14、
.length方法 //返回数组的元素的个数
15、
$( "<div>" ) //弹出提示信息时使用
.appendTo( document.body )
.text( msg )
.addClass( "notification ui-state-default ui-corner-bottom" )
.position({
my: "center top", //我的位置
at: "center top", //应该在什么位置
of: window
})
.show({
effect: "blind" //百叶窗样式
})
.delay( delayHid )
.hide({
effect: "blind",
});
16、
function name(function(){}) //括号内的函数是回调函数
17、
$(document).ready()和onload的区别
onload()的方法是在页面加载完成后才发生，这包括DOM元素和其他页面元素（例如图片）的加载
$(document).ready()所要执行的代码是在DOM元素被加载完成的情况下执行，所以，使用document.ready()方法的执行速度比onload()的方法要快
