jQuery利用css的选择器,非常的方便,css有如下的选择器:
*:通用选择器,匹配任意元素
E:一个类型为E的元素,类型选择器
E F:匹配元素E的后代元素F,后代选择器
E>F:匹配元素E的子元素F,子选择器
E:first-child:如果E是其父元素的第一个子元素时,匹配元素E
E:link E:visited:如果E没有访问过或者已经访问过的元素,则匹配E
E:active E:hover E:focus:匹配用户的动作
E:lang(c):如
p:lang(en)
{
background:yellow;
}
将p元素中lang属性为en的背景
E+F:临近选择器,如果E出现在F之前,则匹配元素E
E[foo]:属性选择器,匹配具有属性foo的任意元素E
E[foo="a"]:属性选择器,匹配foo属性值为a的元素E
E[foo~="warning"]
匹配其“foo”属性值为空格分隔的值列表,并且其中一个严格等于“warning”的任意元素 E 。(属性选择器)
E[lang|="en"]
匹配其“lang”属性具有以“en”开头(从左边)的值的列表的任意元素 E 。(属性选择器)
DIV.warning
仅 HTML。用法同 DIV[class~="warning"]。(类选择器)
E#myid
匹配 ID 等于“myid”的任意元素 E 。(ID 选择器)