JS_06-JQuery选择器

JQuery选择器类型

1）通过CSS选择器选取元素

• 基本选择器
• 层次选择器
• 属性选择器

2）通过过滤选择器选取元素

• 基本选择器
• 可见性选择器

通过CSS选择器选取元素

6.1.1基本选择器

基本选择器包含了：标签选择器，类选择器，ID选择器，并集选择器，全局选择器

6.1.2层次选择器

层次选择器包含了：后代选择器，子选择器，相邻元素选择器，同辈元素选择器

6.1.3属性选择器

通过条件过滤选取元素

过滤选择器主要分类：

• 基本过滤选择器
• 可见性过滤选择器
• 表单对象过滤选择器
• 内容过滤选择器，子元素过滤选择器…

6.2.1基本过滤选择器

6.2.2可见性过滤选择器

通过元素显示状态选取的选择器

可见性过滤选择器
$("p:hidden").show();
$("p:visible").hide();

JQuery选择器的注意事项

1）选择器中含有特殊符号的注意事项
2）选择器中含有空格的注意事项