jQuery 是一款非常方便实用的 JavaScript 库,其中选择器是非常重要的一部分。选择器可以根据特定的条件从 HTML 文档中选取想要操作的元素,jQuery 中选择器包括基本选择器、层次选择器、过滤选择器、属性选择器等等。本文就来介绍一下 jQuery 选择器的多远。
// 基本选择器$("element") // 根据元素名称选择元素$("#id") // 根据 ID 选择元素$(".class") // 根据 class 选择元素$("*") // 选择所有元素// 层次选择器$("parent child") // 根据父元素选择子元素$("prev + next") // 选择紧接在前一个元素后的下一个元素$("prev ~ siblings") // 选择前面的元素后所有同级元素// 过滤选择器$("selector:first") // 选择第一个匹配的元素$("selector:last") // 选择最后一个匹配的元素$("selector:even") // 选择偶数位置的元素$("selector:odd") // 选择奇数位置的元素$("selector:eq(index)") // 选择指定位置的元素$("selector:not(filter)") // 从匹配元素集合中去掉不符合条件的元素// 属性选择器$("selector[attr]") // 选择有指定属性的元素$("selector[attr=value]") // 选择指定属性值的元素$("selector[attr!=value]") // 选择不包含指定属性值的元素$("selector[attr$=value]") // 选择以指定值结尾的属性值的元素$("selector[attr^=value]") // 选择以指定值开头的属性值的元素$("selector[attr*=value]") // 选择包含指定值的属性值的元素
以上便是 jQuery 选择器的基本用法,可以根据实际需要选择使用不同类型的选择器,提高操作效率。