jquery学习笔记之选择器

来源:互联网 发布:打谱软件overture4.0 编辑:程序博客网 时间:2024/04/27 20:46

几乎所有的主流浏览器都支持的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“的元素


0 0