jQuery选择器

一、选择器的优势

(1)简洁的写法

(2)完善的处理机构

二、jQuery选择器的类型

 

(1)基本选择器

(2)层次选择器

(3)属性选择器

(4)基本过滤器

(5)可见性过滤器

三、基本选择器

(1)标签选择器

 

  标签选择器:匹配指定标签名元素(元素集合)
        语法:
            $("div")

(2)类选择器

  类选择器:匹配指定class元素(元素集合)
        语法:
            $(".title")

(3)id选择器

  id选择器:匹配指定的id元素(单个元素)    
        语法:
            $("#titly")

(4)并集选择器

  并集选择器:将每个选择器匹配的元素并合到一起后返回(元素集合)
        语法:
            $("div,p,li")

(5)全局选择器
    
    全局选择器:匹配所有元素(集合元素)
        语法:
            $("*")
  

四、层次选择器

  (1)后代选择器

    后代选择器:选取指定元素的所有后代元素(集合元素)

      语法:

        $("#menu span")

  (2)子选择器

    子选择器:选取指定元素的子元素(集合元素)

      语法:

        $("#menu>span")

  (3)相邻选择器

    相邻选择器:选取与指定元素紧邻的元素(元素集合)

      语法:

        $("menu+span")

  (4)同辈选择器

    同辈选择器:选取指定元素的所有同级元素

      语法:

        $("menu~span")

五、属性选择器

  (1)包含指定属性的元素

    例:

      $("[id]")

  (2)选取指定属性等于指定值的元素

    例:

      $("[href=asd]")

  (3)选取指定属性非等于指定值的元素

    例:

 

      $("[href!=asd]")

 

  (4)选取指定属性的属性值以特定值开始的元素

 

    例:

 

      $("[href^=asd]")

 

  (5)选取指定属性的属性值以特定值结尾的元素

 

    例:

 

      $("[href$=asd]")

 

  (6)选取指定属性的属性值包含特定值的元素

 

    例:

 

      $("[href*=asd]")

六、基本过滤选择器

  (1)选取第一个元素

    语法

      :first

  (2)选取最后一个元素

    语法

      :last

  (3)选取去除指定元素的剩余元素

    语法

      :not

  (4)选取索引使偶数的全部元素(从0开始)

    语法

      :even

  (5)选取索引是奇数的全部元素(从0开始)

    语法

      :odd

  (6)选取索引等于指定值的元素

    语法

      :eq()

  (7)选取索引大于指定值的所有元素

    语法

      :gt()

 

  (8)选取索引小于指定值的所有元素

 

    语法

 

      :lt()

  (9)获取当前焦点元素

    语法

      :focus

  (10)获取所有动画元素

    语法

      :animated

八、可见性过滤选择器

  (1)选取所有可见元素

    语法

      :visible

  (2)选取所有隐藏元素

    语法

      ;hidden

 

posted @ 2019-06-15 16:28  梅川酷子灬  阅读(157)  评论(0编辑  收藏  举报