jQuery选择器

jQuery选择器

• 基本选择器

  • 标签选择器：$(“temp”)

  • 类选择器：$(“.temp”) .

  • id选择器：$(“#temp”) #

  • 并集选择器：$(“temp1,temp2”) ,

  • 交集选择器：$(“temp1.temp2”) //第一个为标签选择器，后面为类、id选择器，中间没空格

  $(“h2.title”) 所有class为title的h2元素

  • 全局选择器：$(*) 选取所有元素 *

• 层次选择器

  • 后代选择器：$(“p span”) 空格隔开 后代包括孙代及更后的代 p中所有的span
  • 子选择器：$(“p>span”) > p中子代的span
  • 相邻元素选择器：$(“h2+dl”) + 选取紧邻h2元素后的同辈元素dl
  • 同辈元素选择器：$(“h2~dl”) ~ 选取h2元素后所有的同辈元素dl

• 属性选择器

  • [attribute] 选取包含给定属性的元素 $(” [href]” )选取含有href属性的元素

  • [attribute=value] 选取 等于 给定属性是某个特定值的元素 $(“[href=’#’]”)

  • [attribute !=value] 选取 不等于 给定属性是某个特定值的元素

  • [attribute^=value] 选取给定属性是以某些特定值 开始 的元素

  • [attribute$=value] 选取给定属性是以某些特定值 结尾 的元素

  • [attribute*=value] 选取给定属性是以 包含 某些值的元素

  • [attribute1][attribute2] 选取满足多个条件的复合属性的元素 交集

  $(“li[id][title=新闻要点]” )选取含有id属性和title属性为新闻要点的\

• 元素

• 过滤选择器 :

  • :first 选取第一个元素 $(“li:lfrist”)选取所有li中第一个li元素
  • :last 选取最后一个元素
  • :even 选取索引是偶数的多有元素 （index从0开始）
  • :odd 选取索引是基数的所有元素
  • :eq(index) 选取索引等于index的元素 $(“li:eq(1)”) 选取索引为1的li元素
  • :lt(index) 选取索引小于index的元素
  • :gt(index) 选取索引大于index的元素
  • :not(selector) 选取去除所有给定选择器匹配的元素 $(“:not(.three)”)选取class不是three的元素
  • :header 选取所有标题元素,如h1~h6 $(“:header”)选取网页中所有标题元素
  • :focus 选取当前获取焦点的元素 $(“:focus”)
  • :visible 选取所有可见的元素 $(“:visible”)
  • :hidden 选取所有隐藏的元素 $(“:hidden”)