jquery学习笔记二：dom操作

选择器用来定位dom元素，具体操作就是dom api ——增、删、改、查、遍历

HTML

增：

　　$(html)　　　　转化html的str为jquery对象（包含dom对象）

　　clone(true)　　直接复制jquery　　true--复制事件

删：

　　remove()　　　　移除jquery对象，取消事件

　　detach()　　　　 移除但不取消事件

　　empty()　　　　 清空节点

改：

　　append(str、dom、$)/appendTo()　　　 内部后添加

　　prepend()/prependTo()　　　　　　　　　内部前添加

　　after()/insertAfter()　　　　　　　　　　 后插入

　　before()/insertBefore()　　　 　　　　　 前插入

　　wrap()　　　　　　　　　　　　　　　　　 包装

查：

　　attr(name)/attr(name,value)　　属性

　　html("")/text("")/val("")　　　　 内容值　　val在特别input type中有额外效果，text隐性提升，check、radio选中

遍历：

　　parent()　　　　　　　　 父节点 唯一

　　parents(selector)　　　　符合条件的祖先节点

　　closest(selector)　　　　 符合条件最近的祖先节点 唯一

　　next()/prev()/siblings()　后、前、兄弟,siblings可以用于重置同类节点属性(例如：选中态)

CSS

增: addClass("")

删：removeClass("")

改：toggleClass("")

查：

　　css("")/css("","")　　　　　　　　

　　hasClass("")

　　width("")/heigh("")

　　offset()/position()/scrollTop()　　相对窗口位置/相对父容器位置/滚动条位置