jQuery-选择器

jQuery-选择器

1. jQuery选择器

   —选择器本身只是一个有特定语法规则的字符串，没有实质用处；用于查找页面中特定元素；

   —他的基本语法规则为CSS选择器语法，并进行扩展；

   —只用调用$()，并将选择器作为参数传入才能起作用；

   —$(selector)：根据选择器规则在整个文档中查找所有匹配的标签的伪数组，并封装jQuery对象返回；

   —选择器分类：基本选择器、层次选择器、过滤选择器、表单选择器；

2. 基本选择器

   1. id选择器：$('#id名')；
   2. 元素选择器：$('元素名')
   3. 属性选择器：$('.属性名')；
   4. 任意标签：$('*')；
   5. 组合选择器（取多个选择器的并集）：$('selector1,selector2,selector3,...')；
   6. 相交选择器（取多个选择器的交集）：$('selector1selector2selectorN')；

3. 层次选择器

   1. 查找后代元素，在给定的祖先元素下匹配所有的后代元素：$('ancestor descendant')；
   2. 查找子代元素，在给定的父元素下匹配所有的子元素：$('parent>child')；
   3. 查找兄弟元素，匹配紧接在prev元素后的一个next元素：$('prev+next')；
   4. 匹配prev元素之后的所有siblings元素：$('prev~siblings')；

4. 过滤选择器

   —作用：在原有选择器匹配的元素中进一步进行过滤的选择器；

   1. 选择第一个元素：$('基本选择器:first')；

   2. 选择最后一个元素