jquery之同级,父级,子级间元素的添加移除

此篇文章记录常见的遍历和添加方法，例子可查看官方文档

父级

$(selector).parent() 找到直接父级，不包括祖先

$(selector).parents() 找到所有父级，不包括祖先

子级

$(selector).children() 找到直接孩子节点，不包括孙子

$(selector).find() 找到孩子节点，包括孙子

同级

$(selector).prev() 找到上一个兄弟(1)

$(selector).prevAll() 找到上一所有兄弟(n)

$(selector).next() 找到下一个兄弟节点(1)

$(selector).nextAll() 找到下一个所有兄弟(n)

$(selector).siblings() 找到所有兄弟不分前后

添加删除

在选择器内部末尾追加

append：$(selector).append(content)

appendTo:$(content).appendTo(selector)

在选择器内部开头追加

prepend:$(selector).append(content)

在选择器外之前追加

before:$(selector).append(content)

在选择器外之后追加

after:$(selector).append(content)

insertAfter:$(content).insertAfter(selector)

克隆该选择器

$(selector).clone()

移除该选择器

$(selector).remove()

清空选择器里的内容

$(selector).empty()