排名前50位的jQuery选择器

我们在所有的代码都非常使用jQuery选择我们写的,它的” S最有力的方式来指定我们从DOM想要的元素。 这份名单是服务器为每个jQuery的开发人员在那里有很大的参考材料。 请注意,他们不是在任何特定的顺序。

  1. $(“*”) -该选择器选择文档中的所有元素。
  2. $(“P> *”) -该选择器选择是一个段落元素的子元素的所有元素。
  3. $(“#特殊身份”) -这个选择函数获取元素id为”特殊身份”。
  4. $(“ specialClass”) -这个选择得到所有具有类specialClass的元素。
  5. $(“李:没有(.myclass)”) -选择由匹配的所有元素
  6. 没有。
  7. $(“A#specialID.specialClass”) -这个选择匹配带有特殊身份的ID和类specialClass的链接。
  8. $(“P a.specialClass”) -此选择一类specialClass的比赛环节中声明

    元素。

  9. $(“UL李:第一”) -此选择只得到第一
  10. 的元件
  11. $(“#集装箱P”) -选择由匹配的所有元素

    是,其具有容器的标识的元素的后代。

  12. $(“LI> UL”) -选择由匹配的所有元素
    • 这是通过匹配元素的儿童
    • $(“强+ EM”) -通过选择匹配的所有元素紧跟由相匹配的同级元素
    • $(“P-UL”) -选择由匹配的所有元素
      • 下面通过相匹配的同级元素

    • $(“代码,EM,强”) -选择由匹配的所有元素or or .
    • $(“P强,.myclass”) -选择作为由匹配的元件的后代通过匹配的所有元素

      以及有一个MyClass类的所有元素。

    • $(“:空”) -选择没有孩子的所有元素。
    • $(“P:空”) -选择由匹配的所有元素

      有没有孩子。

    • $(“DIV [P]”) -选择由匹配的所有元素
      包含由匹配的元素

    • $(“P [.myclass]”) -选择由匹配的所有元素

      包含与MyClass类的元件。

    • $(“一个[@rel]”) -选择由匹配的所有元素具有rel属性。
    • $(“输入[@名称= MYNAME]”) -选择所有元件由匹配 有一个名字值正好等于MYNAME。
    • $(“输入[@名称^ = MYNAME]”) -选择的所有元素由匹配 有一个名字值与MYNAME开始。
    • $(“一个[@相对$ =自]”) -选择由匹配的所有元素

      有一类值与酒吧结束

    • $(“一个[@ HREF * = domain.com]”) -选择由匹配的所有元素具有含有一个href值domain.com。
    • $(“李:即使”) -选择由匹配的所有元素
    • 有一个甚至索引值。
    • $(“TR:奇”) -选择由匹配的所有元素
      具有奇数索引值。
    • $(“李:第一”) -选择第一
    • 元件。
    • $(“李:最后一个”) -选择最后一个
    • 元件。
    • $(“李:可见”) -选择由匹配的所有元素
    • 这是可见的。
    • $(“李:隐藏”) -选择由匹配的所有元素
    • 被隐藏。
    • $(“:电台”) -选择表单中的所有单选按钮。
    • $(“:勾选”) -选择所有托运形式boxex。
    • $(“:输入”) -仅选择形成元素(输入,选择,文本区域,按钮)。
    • $(“:文本”) -仅选择文本元素(输入[类型=文本])。
    • $(“李:EQ(2)”) -选择第三
    • 元件
    • $(“李:EQ(4)”) -选择第五
    • 元件
    • $(“利:LT(2)”) -选择由匹配的所有元素
    • 第三个前元件; 换句话说,前两个
    • 元素。
    • $(“号码:LT(3)”) -选择所有元件由匹配

      第四个前元件; 换句话说前三

      元素。

    • $(“利:GT(1)”) -选择由匹配的所有元素
    • 后的第二个。
    • $(“P:GT(2)”) -选择由匹配的所有元素

      之后的第三个。

    • $(“DIV / P”) -选择由匹配的所有元素

      这是通过匹配元素的儿童

    • $(“DIV //代码”) -由匹配选择的所有元素that are descendants of an element matched by

    • $(“// p //一个”) -选择由匹配的所有元素是由匹配的元件的后代

    • $(“李:第一胎”) -选择由匹配的所有元素
    • 这是他们的父母的第一个孩子。
    • $(“李:最后的孩子”) -选择由匹配的所有元素
    • 这是他们的父母的最后一个孩子。
    • $(“:父”) -选择是另一种元素,包括文字的父所有元素。
    • $(“李:包含(二)”) -选择由匹配的所有元素
    • 对包含文本第二。
    • $(“TD:GT(4)”) -发现TD#5和更高
    • $(“输入:没有(:选中)”) -查找未签所有的输入
    • $(“DIV,跨度,p.myClass”) -查找匹配任何这三个选择中的元素。
    • $(“输入[ID] [名$ =”人”]”) -查找具有id属性,并且其名称属性端与人的所有输入

From: https://www.sitepoint.com//top-50-jquery-selectors/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值