CSS和jQuery选择器

css选择器主要包括：标签选择器，ID选择器，类选择器，临近选择器，后代选择器，子

选择器，属性选择器，群组选择器，通配选择器，伪类选择器~

jQuery选择器主要包括：基本选择器，层次选择器，过滤选择器，表单选择器~

1基本选择器，例如：$("#id"), $(".class"), $("div"), $("*"), $("div,span,p.myclass")~

2层次选择器，例如$("ancestor descendant"), $("parent>child"), $("prev+next")=$("prev").next("next"),$("prev~siblings")=

$("prev").nextALL("siblings")~

3过滤选择器，又包括基本过滤，内容过滤，可见性过滤，属性过滤，子元素过滤，表单

对象属性过滤选择器

3.1 基本过滤选择器，例如：$("div:first"),$("div:last"),$("input:even"),$("input:odd"),

$("div:animated"),$(":focus")~

3.2 内容过滤选择器，例如：$("div:contains('我')")【选取文本中含有‘我’的div】,

$("div:has(p)")【选取含有<p>元素的<div>】~

3.3 可见性过滤选择器，例如：$(".hidden"),$(".visible")~

3.4属性过滤选择器，例如：$("div[title]"),$("div[title=test]"),$("div[name=one]"),$("div[title^=te]"),

$("div[title$=st]"),$("div[title*=es]"),

$("div[title]="en"])【选取title等于en或者以en为前缀（en跟连字符‘-’）的div】,

$("div[title~='uk']")【选取类似于“title=‘en uk”的div】,$("div[id][title$=st]")~

3.5 子元素过滤选择器，例如：$("div.one:nth-child(2)")【nth-child(index),index从1开始】

,$("div.one:first-child")【选取所有class为one的第一个子元素，而$("div:first")仅返回单个元素】~

3.6 表单对象属性过滤选择器，例如$("input:checked")

【选取所有被选中的元素（单选框，复选框）】，$("select:selected")

【选取所有被选中的选项元素（下拉列表）】~

4 表单选择器，例如：$("#form:input"),$("#form1:text"),$("#form1:password"),

$("#form1:button"),$("#form1:file")~