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() 相对窗口位置/相对父容器位置/滚动条位置