几乎所有的主流浏览器都支持的css选择器有:ID选择器、class选择器、标签选择器、类选择器(E.className)、群组选择器、后代选择器、通配符选择器,此外,css还有伪类选择器、子选择器、临近选择器(E+F)和属性选择器,css3新增的选择器有包含选择器(*)、开始选择器(^)、结尾选择器($)
jquery选择器的优势:简洁的写法,支持css1到css3选择器、完善的处理机制(比如获取不存在的id或class时也不会报错)。
一、基本选择器
熟悉css 选择器的都知道这类选择器是什么。
二、层次选择器
层次选择器即是通过DOM元素之间的层次关系来获取元素,例如后代选择器、子选择器、相邻选择器(prev+next,next()可以替代它)、兄弟选择器(prev~siblings,nexAall()可以代替它,注意siblings()与之区别)
三、基本过滤选择器
即:first、:last、:not(selector)、:even、:odd、:eq(index)、gt(index)、lt(index)、:header、:animated#注意index是从0开始的#
四、内容过滤选择器
即:contains(text)、:empty、:has(selector)、:parent
五:可见性选择器
即:hidden、:visible
六、属性过滤选择器
七、子元素过滤选择器
:nth-child(index,该index是从1开始,注意与上面index的区别)、:first-child、:last-child、:only-child
八、表单对象属性过滤选择器
:enabled、:disabled、:checked、:selected
九、表单选择器
:input(包括选取的input元素、textarea元素、select元素、button元素)、:text(选取所有单行文本)、:password、:radio、:checkbox、:submit、:image、:reset、:button、:file、:hidden
写这些选择器时要注意的事项:
1.选择器中含有“.”、“#”、“(”、“]”时要用转义字符//
2.属性选择器中含有@时要去掉
3.选择器中含有空格的注意事项
$(".test :hidden");带空格是选取clsss为“test“的元素里面的隐藏元素
$(".test:hidden")不带空格是选取隐藏的class为”test“的元素