jQuery常见的选择器及用法介绍

前端之家收集整理的这篇文章主要介绍了jQuery常见的选择器及用法介绍前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

选择器的意义就是将众多HTML代码中准确的找出我们想找的单元。

接下来将常见的选择器以及作用列举出来。

基本选择器

标签都会被选中。 $('.test2').css('background','green'); Class = test2的单元全部被选中。 $('*').css('background','pink'); *指的就是所有元素,慎用。

层次选择器

www.zixue.it

www.itbool.com

这样的也会被选中 $('p ~ span').css('background','gray');

www.itbool.com
像这样的span和P属于同一级别。将被选中。

基础过滤器

例:

  • 导航 1
  • 导航 2
  • 导航 3
  • 导航 4
  • 导航 5
  • 导航 6
  • 例如这样的,你想细致到具体的某一个。则需要加上特殊的说明

    找第 1 个

    找第奇数个,从 0 计数这里有一个细节,就是我们通常认为的第一个,在这里认为成第0个,就是说如果用这个的话,则是我们经常输出来的2 4 6 8个将被选中。换成even则是选出所有偶数的li了

    同上选出第二个,就是我们通常所属的第三个。

    内容过滤器

    可以通过内容找到要找的目标

    可以选出内容是女的单元

    但是不会选出

    这样的

    Empty是空的意思,所以内容为空的都会选出来,但是,如果内容内有空格的话,就不会选中了

    td里含有某元素的话,就会被找出来。

    22

    被选中的,则整个td都会被选中。比如这样的

    22

    11

    24

    不是改变span而是改变td这个单元。

    单元里面有东西的都会被选中,但是空格不算。

    表单类型过滤器

    这两个是一个性质的

    选中input里的type属性作为目标。

    其他属性password则替换text就可以了同理。

    可见性过滤器

    利用触发器,可以选中原本display属性为hidden的div。

    子元素过滤器

    可以选中同一级别下最后一个P标签

    a

    b

    这样的话,含有b的p标签就会被涂上颜色。

    特殊情况

    两个有class名的div会被产生作用。

    匹配 li 下作为独生子的 a 标签。例如

    不能有其他标签,但是可以有内容

    以上所述是小编给大家介绍的jQuery常见的选择器及用法介绍。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

    原文链接:https://www.f2er.com/jquery/43364.html

    猜你在找的jQuery相关文章