一,查询(兄弟父子节点)

● 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对象添加同一个父级 将对象中的标签从结构上发生改变


jquery删除父级节点 jquery删除父元素_删除元素

● unwrap() 将父级干掉