jquery选择器连续选择_排名前50位的jQuery选择器

jquery选择器连续选择

我们所有人在我们编写的所有代码中几乎都使用了jQuery选择器 ,这是从DOM中指定所需元素的最有效方法。 对于每个jQuery开发人员来说,此列表都是服务器的重要参考资料。 请注意,它们的顺序不是特定的。

  1. $(“ *”) –此选择器选择文档中的所有元素。
  2. $(“ p> *”) –此选择器选择所有属于段落元素的子元素。
  3. $(“#specialID”) –此选择器函数获取id =“ specialID”的元素。
  4. $(“。specialClass”) –此选择器获取所有具有specialClass类的元素。
  5. $(“ li:not(.myclass)”) –选择与以下元素匹配的所有元素
  6. 那没有。
  7. $(“ a#specialID.specialClass”) –此选择器匹配ID为specialID且类为specialClass的链接。
  8. $(“ p a.specialClass”) –此选择器将链接与内部声明的specialClass类匹配

    元素。

  9. $(“ ul li:first”) –此选择器仅获取第一个
  10. 的元素
  11. $(“#container p”) –选择与以下元素匹配的所有元素

    是具有容器ID的元素的后代。

  12. $(“ li> ul”) –选择与以下元素匹配的所有元素
    • 是由匹配的元素的子元素

    • $(“ strong + em”) –选择与之匹配的所有元素,紧随其后的同级元素
    • $(“ p〜ul”) –选择与以下元素匹配的所有元素
      • 跟随同级元素匹配的

    • $(“ code,em,strong”) –选择与or or .匹配的所有元素or or .
    • $(“ p strong,.myclass”) –选择与之匹配的所有元素,这些元素是与之匹配的元素的后代

      以及所有具有myclass类的元素。

    • $(“:empty”) –选择所有没有子元素的元素。
    • $(“ p:empty”) –选择所有匹配的元素

      没有孩子

    • $(“ div [p]”) –选择所有与
      包含与匹配的元素

    • $(“ p [.myclass]”) –选择与以下元素匹配的所有元素

      包含具有myclass类的元素。

    • $(“ a [@rel]”) –选择与之匹配的所有具有rel属性的元素。
    • $(“ input [@ name = myname]”) –选择所有匹配的元素 具有与myname完全相同的名称值。
    • $(“ input [@ name ^ = myname]”) –选择与以下元素匹配的所有元素 以myname开头的名称值。
    • $(“ a [@ rel $ = self]”) –选择与以下元素匹配的所有元素

      具有以bar结尾的类值

    • $(“ a [@ href * = domain.com]”) –选择所有匹配的具有href值且包含domain.com的元素。
    • $(“ li:even”) –选择与以下元素匹配的所有元素
    • 具有偶数索引值。
    • $(“ tr:odd”) –选择与以下元素匹配的所有元素
      具有奇数索引值。
    • $(“ li:first”) –选择第一个
    • 元件。
    • $(“ li:last”) –选择最后一个
    • 元件。
    • $(“ li:visible”) –选择与以下元素匹配的所有元素
    • 可见的。
    • $(“ li:hidden”) –选择所有与以下元素匹配的元素
    • 那是隐藏的。
    • $(“:radio”) –选择表单中的所有单选按钮。
    • $(“:checked”) –选择表单中所有选中的boxex。
    • $(“:input”) –仅选择表单元素(输入,选择,文本区域,按钮)。
    • $(“:text”) –仅选择文本元素(input [type = text])。
    • $(“ li:eq(2)”) –选择第三个
    • 元件
    • $(“ li:eq(4)”) –选择第五个
    • 元件
    • $(“ li:lt(2)”) –选择与以下元素匹配的所有元素
    • 第三个元素之前的元素; 换句话说,前两个
    • 元素。
    • $(“ p:lt(3)”) –选择与以下元素匹配的所有元素

      第四个要素之前的要素; 换句话说,前三个

      元素。

    • $(“ li:gt(1)”) –选择与以下元素匹配的所有元素
    • 在第二个之后。
    • $(“ p:gt(2)”) –选择与以下元素匹配的所有元素

      在第三个之后。

    • $(“ div / p”) –选择所有与

      是由匹配的元素的子元素

    • $(“ div // code”) –选择与之匹配的所有元素that are descendants of an element matched by

    • $(“ // p // a”) –选择与之匹配的所有元素,这些元素是与之匹配的元素的后代

      免费学习PHP!

      全面介绍PHP和MySQL,从而实现服务器端编程的飞跃。

      原价$ 11.95 您的完全免费

    • $(“ li:first-child”) –选择与以下元素匹配的所有元素
    • 那是他们父母的第一个孩子。
    • $(“ li:last-child”) –选择所有与以下元素匹配的元素
    • 那是他们父母的最后一个孩子。
    • $(“:parent”) –选择作为另一个元素的父元素的所有元素,包括文本。
    • $(“ li:contains(second)”) –选择与以下元素匹配的所有元素
    • 包含第二个文本。
    • $(“ td:gt(4)”) –查找TD#5及更高版本
    • $(“ input:not(:checked)”) –查找所有未选中的输入
    • $(“ div,span,p.myClass”) –查找与这三个选择器中的任何一个都匹配的元素。
    • $(“ input [id] [name $ =” man”]”)) –查找所有具有id属性且其name属性以man结尾的输入

翻译自: https://www.sitepoint.com/top-50-jquery-selectors/

jquery选择器连续选择

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值