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

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/sinat_35960326/article/details/82729825

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

父级

$(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()