jQuery选择器

1.基本选择器

  1.1标签选择器        例: $("h2")选取所有h2元素

   1.2id选择器       例: $("#title")选取id为title的元素

   1.3类选择器       例: $(".title")选取所有class为title的元素

   1.4并集选择器        例: $("div,h2,.title")选取所有以div、h2和class为title的元素

   1.5全局选择器        例: $("*")选取所有元素

2.层次选择器

  2.1 后代选择器      例: $("#menu span")选取#menu下所有的<span>元素

  2.2 子选择器       例: $("#menu>span")选取#menu下的子元素<span>

  2.3  相邻元素选择器,可以用next()方法代替   例:  $("h2+dl")选取紧邻<h2>元素之后的同辈元素<dl>

  2.4 同辈元素选择器,可以用nextAll()方法代替   例: $("h2~dl")选取<h2>元素之后所有的同辈元素<dl>

3.属性选择器

  [attribute]         例:$("[href]")选取含有href属性的元素

  [attribute=value]       例:$("[href='#']")选取href属性为“#”的元素

  [attribute!=value]      例:$("[href!='#']")选取href属性不为“#”的元素

  [attribute^=value]      例:$("[href^='en']")选取href属性值以‘en’开头的元素

  [attribute$=value]      例:$("[href$='.jpg']")选取href属性值以‘.jpg’结尾的元素

  [attribute*=value]      例:$("[href*='txt']")选取href属性值中包含‘txt’的元素

  例:$("#menu a[class]").css();-------设置id为menu的后代元素<a>标签带有class属性的元素

    $("#menu a[class!='hot']").css();-------设置id为menu的后代元素<a>标签带有class属性,并且class属性值不为“hot”的元素

4.基本过滤选择器 

  :first  选取第一个元素    

  :last  选取最后一个元素

  :not(selector)  选取所有与给定selector选择器不匹配的元素

  :even  选取索引是偶数的所有元素(从0开始)

  :odd   选取索引是奇数的所有元素(从0开始)

  :eq(index)  选取索引等于index的所有元素(从0开始)

  :gt(index)  选取索引大于index的所有元素(从0开始,不包括index本身)

  :lt(index)  选取索引小于index的所有元素(从0开始,不包括index本身)

  :header  选取所有标题元素,如h1~h6  

  :focus   选取当前获取焦点的元素

  :animated  选取所有动画元素

5.可见性过滤选择器

  :visible  选取所有可见的元素

  :hidden  选取所有隐藏的元素,不近包括演示属性display为“none”的元素,还包括<input type="hidden"/>和visibility:hidden之类的元素

原文地址:https://www.cnblogs.com/weihaixiong/p/8508825.html