1.过滤操作
- $(".box").first() 选中第一个,
- $(".box").last() 选中最后一个
- $(".box").eq(1) 选中第一个
- $(".box").not(".item") 排出掉class等于item的元素
- $(".box").filter(".item") 只选中class等于item的元素
- $(".box").slice(2,3) 从第2个开始选中3个元素(相当于截取)
- $(".box").has(".item") 选中元素的子元素为item的元素
2.查找
- $(".box").children().css(“border”) 选中box的所以子元素
- $(".box").children(“li”).css() 选中box的子元素是li的元素
- $(".box").find(“ul”) 选择后代元素(参数必传)
- $(".box").parent() 获取box的父级元素
- $(".box").parents(“ul”) 获取祖先元素 (参数必传)
- $(".box").parentsUntil(body) 选中从body开始到box 的祖先元素
- $(".box").offsetParent() 选中第一个定位的祖先元素
兄弟元素
- $(".box").next().css() 紧邻后面的兄弟元素
- $(".box").nextAll() 紧邻后面所有的兄弟元素
- $(".box").nextUntil() 紧邻后面所有的兄弟元素
- $(".box").prev() 紧邻的前面的兄弟元素
- $(".box").prevAll() 紧邻前面的全部的兄弟元素
- $(".box").prevUntil()紧邻前面的全部的兄弟元素
- $(".box").siblings() 所以的兄弟元素
- $(".box").closest() 从所有的祖先元素和本身里面找出第一个满足条件的元素
3.串联
- $(".box’).find(“li”).add(“p”).css() 把选中元素,加入当前集合(find 是搜索box里面的所有li)
- $(".box").find(“li”).addBack() 把调用该方法的元素,加入集合
- $(".box").find(“li”).end() 返回最后一次破坏性操作之前的DOM
- $(".box").contents() 返回所有子节点的集合
4.jquery DOM 对象操作
- 遍历
$(".box").each((index,ele)=>{
$(ele).append('我最帅')
})
- map 返回新的集合
let list=$(".box").map((index,ele)=>{
return index;
})
- get $(".box").get(1) 返回第几个元素(可以吧jquery DOM 集合转换为纯数组)
- is() 判断dom是否瞒住条件