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之类的元素