zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    android中ping命令的实现
    回溯法——求解0-1背包问题
    scanner使用中遇见的问题
    Eddy's digital Roots
    项目经理注意事项(3)---宏观把控
    Spring IOC容器
    C++对象模型——Template中的名称决议方式 (第七章)
    比赛对手名单
    猴子吃桃问题
    设计模式-单例模式(02)
  • 原文地址:https://www.cnblogs.com/whtt/p/11027990.html
Copyright © 2011-2022 走看看