1.CSS选择器:
1>标签选择器--以文档元素作为选择符 E{CSS规则}
2>ID选择器--以文档元素的惟一标识符ID作为选择符 #ID{ CSS规则}
3>类选择器--以文档元素的class作为选择符 E.className{ CSS规则}
4>群组选择器--多个选择符应用同样的样式规则 E1,E2,E3{ CSS规则}
5>后代选择器--元素E的任意后代元素F E F{ CSS规则}
6>通配选择符--将文档的所有元素作为选择符 *{ CSS规则}
2.jQuery选择器:
$()函数在很多javascript类库中都被作为一个选择函数来使用。在jquery中也不例外。其中$("#ID")用来替换document.getElmentById()函数,即通过ID获取元素;$("tagName")用来代替document.getElementsByTagName()函数,即通过标签名来获取HTML元素
1>基本选择器(Basic):
a. #id--根据给定的id匹配一个元素,它返回的是单个元素(如果存在),如果不存在就返回一个空的jQuery对象 例:$("#test")选取ID为test的元素
b. .class--根据给定的的类名匹配元素,它返回的是集合元素,无论该css类是否真的存在,只要定义在元素中就能被jquery查询到 例:$(".text")选取所有class为test的元素
c. element--根据给定的元素名匹配元素,它返回的是集合元素 例:$("p")选取所有的p元素
d. *--匹配所有的元素,它返回的是集合元素 例:$("*")选取所有的元素
e. selector1,selector2...seletorN--将每一个选择器匹配到的元素合并一起后返回,它返回的是集合元素,例:$("div,span,p.myClass")选取所有<div>,<span>和拥有class为myClass的<p>标签的一组元素
2>层次选择器(Level):
a. $("ancestor descedant")
3>过滤选择器(Filter):
4>表单选择器(Form):