今天公司项目,用到了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等等