天天看点

Jquery 节点操作

今天公司项目,用到了Jq节点操作,好久没用了,查了查文档,做下记录,也能方便小伙伴们借鉴,写的不好之处多多理解.......

1.append()& appendTo()

两者操作上并没有太多的区别,都是在相应元素的内部的结束位置进行添加操作。主要在于谁是主语,谁是谓语,谁是宾语(也就是谁操作谁)

2.prepend()& prependTo()

同上,但是是在在相应元素的内部的开始位置进行添加操作

3.after()& inserAfter()

两者操作上有一定的区别,含以上也有着不同,但是都是表示在相应的XX后面添加一个同级别的XXX元素。主要在于谁是主语,谁是谓语,谁是宾语(也就是谁操作谁)

4.before()& inserbefore()

两者操作上有一定的区别,含以上也有着不同,但是都是表示在相应的XX前面添加一个同级别的XXX元素。

5.remove()& empty()

两者都是删除,区别在于remove()是节点本质上彻底删除,而empty()只是节点的内容删除。

6.children()& find()

children()单独只是子节点,find()是找到所有节点。

7.next()& prev()

next()找到下一个同级节点,prev()是找到上一个同级节点。

8.nextAll()& prevAll()

nextAll()找到下一级所有同级别兄弟节点,prevAll()是找到上一级所有同级别兄弟节点。

9.siblings()

无论上下级别,找到同级别所有兄弟节点

10.nextSiblings()& prevSiblings()

nextSilings找到下一级所有同级别兄弟节点,prevSiblings()是找到上一级所有同级别兄弟节点。

11.eq(),gt()& lt()

eq是等于 gt是大于 lt是小于

12.last-child 、 first-child 、 nth-chid()、nth-last-child()

共同特点是child,所以必须有一个相同的父元素。

13.nth-of-type()、nth-last-of-type()

注意此处是type,而不是child,所以父元素可以变化,可以是满足的div,body等等