jQuery选择器是一种规范的方法,用于在HTML文档中查找并选择元素。通过选择器,我们可以指定要操作的HTML元素,从而实现对页面的控制和修改。根据选择器的属性及其匹配规则,jQuery选择器可以分为以下几类。

1. 基本选择器:

$(#idSelector)  //按照ID选择元素$(.classSelector)  //按照class选择元素$(tagNameSelector)  //按照标签名选择元素$(*)  //匹配所有元素

2. 层次选择器:

$(ancestor descendant)  //选择匹配某个祖先元素的后代元素$(parent > child)  //选择直接父子关系的元素$(prev + next)  //选择紧接在prev元素之后的next元素$(prev ~ siblings)  //选择prev之后的所有同级元素

3. 属性选择器:

$([attribute])  //匹配具有某个属性的元素$([attribute=value])  //匹配具有特定属性和值的元素$([attribute!=value])  //选择不具有特定属性值的元素$([attribute$=value])  //选择具有以某个值结尾的属性值的元素$([attribute^=value])  //选择具有以某个值开头的属性值的元素$([attribute*=value])  //选择具有包含某个子串的属性值的元素

4. 过滤选择器:

:first  //匹配第一个元素:last  //匹配最后一个元素:even  //匹配偶数元素:odd  //匹配奇数元素:eq()  //选择第几个元素:gt()  //选择nth个后面的元素:lt()  //选择nth个前面的元素:not()  //选择不包含特定元素的元素:header  //选择所有标题元素:animated  //选择正在运动的元素:focus  //选择当前获得焦点的元素:hidden  //选择所有隐藏元素:visible  //选择所有可见元素

了解以上四类jQuery选择器,我们可以更加灵活地操作页面元素,实现自己需要的效果。

jquery选择器的大致分类