zoukankan      html  css  js  c++  java
  • jQuery选择器

    一、类CSS选择器

    1.基本选择器
    (1)标签 如:$("div")【html的标签】
    (2)ID 如:$("#menu"),关键字“#”
    (3)类 如:$(".title"),关键字“.”
    (4)并集 如:$("h2,.title"),关键字“,”
    (5)交集 如:$("h2.title"),关键字“.”,"."前面是标签,后面是id或类
    (6)全局 如:$("*"),关键字“*”

    2.层次选择器
    (1)后代 如:$("#menu h2"),关键字空格,子孙后代都包括
    (2)子 如:$("#menu>h2"),关键字“>”,只包括儿子
    (3)相邻元素:$("h2+dl"),关键字“+”,紧邻其后的一个同辈元素dl,如果不是,则不会有任何改变
    (4)同辈元素:$("h2~dl"),关键字“~”,其后的所有dl同辈元素

    3.属性选择器

    (1)[属性名],获取包含该属性名的元素
    (2)[属性名=值],获取包含该属性,并且等于指定值的元素
    (3)[属性名!=值],获取包含该属性,并且不等于指定值的元素
    (4)[属性名^=值],获取包含该属性,并且以特定值开头的元素
    (5)[属性名$=值],获取包含该属性,并且以特定值结尾的元素
    (6)[属性名*=值],获取包含该属性,并且包含特定值的元素
    (7)[选择器[属性名=值]],获取匹配多个条件的元素

    二、过滤选择器

    1.基本过滤选择器
    (1):first,获取第一个元素
    (2):last,获取最后一个元素
    (3):even,获取偶数元素
    (4):odd,获取奇数元素
    (5):eq(index),获取指定索引的元素
    (6):gt(index),获取大于指定索引的元素
    (7):lt(index),获取小于指定索引的元素
    (8):not(selector),获取不是指定选择器的元素
    (9):header,获取所有的标题元素(h1~h6)
    (10):focus,获取当前焦点元素(光标所在的元素)
    (11):animated,获取当前所有动画元素

    2.可见性过滤器
    (1):hidden,获取隐藏的元素
    (2):visible,获取显示的元素

    三、使用Jquery选择器的注意点

    (1)特殊符号,注意属性的值,使用转义字符\
    (2)空格,注意使用场合

  • 相关阅读:
    程序员生存定律--成长路上常见的坑
    程序员生存定律--升华成高手的可能方法
    程序员生存定律--如何尽快变的稍微专业一点
    程序员生存定律--编程的起点与可能的失足
    一段旅程的结束和另一端旅程的开始
    Cesium教程系列汇总
    数据可视化之总结
    可视化之Earth NullSchool
    可视化之AQICN
    可视化之Berkeley Earth
  • 原文地址:https://www.cnblogs.com/ying-dong/p/12108645.html
Copyright © 2011-2022 走看看