一,查询(兄弟父子节点)
● next() 查找下一个兄弟元素
nextAll() 查询下面所有兄弟
nextUntil() 查到满足参数中条件的某个兄弟为止
● prev() 查找上一个兄弟元素
● siblings() 查找所有的兄弟元素 带参数时需要满足参数中的条件
● parent() 获取元素自身的父元素
● parents() 获取元素的所有祖先元素(自下往上 HTML为止)
● closest() 查询最近的满足条件的父级 从自己开始查找。如果什么都没找到则返回一个空的jQuery对象。
closest和parents的主要区别是:
1,前者从当前元素开始匹配寻找,后者从父元素开始匹配寻找;
2,前者逐级向上查找,直到发现匹配的元素后就停止了,后者一直向上查找直到根元素,然后把这些元素放进一个临时集合中,再用给定的选择器表达式去过滤;
3,前者返回0或1个元素,后者可能包含0个,1个,或者多个元素。
closest对于处理事件委托非常有用。
● offsetParent() 找距离自身最近的被定位的父级
二,追加&包裹元素
1. 追加的方法
push()
● div.append(jq) 在div中尾部添加内容
● div.appendTo(jq) 将div追加到元素尾部中去
unshift()
● div.prepend(jq) 在div的头部插入内容
● div.prependTo(jq) 在jq对象中的头部插入div
A.append(B) 将B追加到A中
A.appendTo(B) 将A追加到B中
2. 插入的方法
● A.before(B) 将B移动到A的前面
● A.insertBefore(B) 将A移动到B之前
● after() A.after(B) 将B移动到A的后面
● insetAfter() A.insertAfter(B) 将A移动到B的后面
3.删除的方法
● remove() 删除元素本身 返回
● 这个方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素。但除了这个元素本身得以保留之外,其他的比如绑定的事件,附加的数据等都会被移除。
● detach() 删除元素本身 返回被删除的对象
● empty() 将一个元素的内容设置为空
4. 包裹
● wrap() 给元素添加父级
● wrapInner() 给div的子元素添加父级
● wrapAll() 给获取的jq对象添加同一个父级 将对象中的标签从结构上发生改变
●
● unwrap() 将父级干掉