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")~