jquery 筛选操作

1.过滤操作

1. $(".box").first() 选中第一个,
2. $(".box").last() 选中最后一个
3. $(".box").eq(1) 选中第一个
4. $(".box").not(".item") 排出掉class等于item的元素
5. $(".box").filter(".item") 只选中class等于item的元素
6. $(".box").slice(2,3) 从第2个开始选中3个元素(相当于截取)
7. $(".box").has(".item") 选中元素的子元素为item的元素

2.查找

1. $(".box").children().css(“border”) 选中box的所以子元素
2. $(".box").children(“li”).css() 选中box的子元素是li的元素
3. $(".box").find(“ul”) 选择后代元素(参数必传)
4. $(".box").parent() 获取box的父级元素
5. $(".box").parents(“ul”) 获取祖先元素 (参数必传)
6. $(".box").parentsUntil(body) 选中从body开始到box 的祖先元素
7. $(".box").offsetParent() 选中第一个定位的祖先元素

兄弟元素

8. $(".box").next().css() 紧邻后面的兄弟元素
9. $(".box").nextAll() 紧邻后面所有的兄弟元素
10. $(".box").nextUntil() 紧邻后面所有的兄弟元素
11. $(".box").prev() 紧邻的前面的兄弟元素
12. $(".box").prevAll() 紧邻前面的全部的兄弟元素
13. $(".box").prevUntil()紧邻前面的全部的兄弟元素
14. $(".box").siblings() 所以的兄弟元素
15. $(".box").closest() 从所有的祖先元素和本身里面找出第一个满足条件的元素

3.串联

1. $(".box’).find(“li”).add(“p”).css() 把选中元素，加入当前集合（find 是搜索box里面的所有li）
2. $(".box").find(“li”).addBack() 把调用该方法的元素，加入集合
3. $(".box").find(“li”).end() 返回最后一次破坏性操作之前的DOM
4. $(".box").contents() 返回所有子节点的集合

4.jquery DOM 对象操作

1. 遍历

 $(".box").each((index,ele)=>{
 	$(ele).append('我最帅')
 })

2. map 返回新的集合

let list=$(".box").map((index,ele)=>{
 	return index；
 })

3. get $(".box").get(1) 返回第几个元素(可以吧jquery DOM 集合转换为纯数组)
4. is() 判断dom是否瞒住条件