Jquery常用的选择器有哪些

1、基本选择器:
#id 、element 、.class 、* 、selector1,selector2,selectorN
2、层次选择器:
ancestor descendant 、parent > child 、prev + next 、prev ~ siblings
3、基本过滤器选择器
:first 、:last 、:not 、:even 、:odd 、:eq 、:gt 、:lt 、:header 、
:animated
4、内容过滤器选择器
:contains 、:empty 、:has 、:parent
5、可见性过滤器选择器
:hidden 、:visible
6、属性过滤器选择器
[attribute] 、[attribute=value] 、[attribute!=value] 、[attribute^=value] 、[attribute$=value] 、[attribute*=value] 、[attrSel1][attrSel2][attrSelN]
7、子元素过滤器选择器
:nth-child 、:first-child 、:last-child 、:only-child
8、表单选择器
:input 、:text 、:password 、:radio 、:checkbox 、:submit 、:image 、:reset 、:button
、:file 、:hidden
9、表单过滤器选择器
:enabled 、:disabled 、:checked 、:selected

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery 提供了丰富的选择器系统,用于在文档中选取和操作元素。这些选择器可以根据元素的标签名、类名、ID、属性值、CSS样式等多种条件来选择元素。以下是一些主要的jQuery选择器: 1. 标签选择器(Element selectors): `$("tagname")`,如`$("p")`选取所有的`<p>`标签。 2. 类选择器(Class selectors): `.classname`,如`$(".my-class")`选取拥有指定class的元素。 3. ID选择器(ID selectors): `$("#idname")`,如`$("#main-content")`选取具有指定ID的元素。 4. 属性选择器(Attribute selectors): `[attribute]`或`[attribute=value]`,如`$("[href]")`选取所有`href`属性存在或`$("[data-type='image']")`选取"data-type"属性为"image"的元素。 5. 子元素选择器(Child selectors): `parent > child`,如`$("div > p")`选取所有直接位于`<div>`内的`<p>`元素。 6. 相邻兄弟选择器(Adjacent sibling selectors): `element + sibling`,如`$(".item + .item")`选取紧接在`.item`之后的另一个`.item`元素。 7. 通用选择器(Universal selector): `*`,如`$("*")`选取文档中的所有元素。 8. 后代选择器(Descendant selectors): `parent descendant`,如`$("#container div")`选取所有在`#container`下的`<div>`元素。 9. 伪类选择器(Pseudo-class selectors): 如`:hover`, `:focus`, `:first-child`, `:last-child`, 等,用于选择满足特定状态的元素。 10. CSS3选择器(如`:not()`, `:eq()`, `:gt()`, `:lt()`, 等): 可以组合使用以创建更复杂的条件。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值