jquery类选择器 jquery类选择器正确用法

Jquery常用的选择器有哪些

1、基本选择器：#id 、element 、.class 、* 、selector1,selector2,selectorN

2、层次选择器：ancestor descendant 、parent > child 、prev + next 、prev ~ siblings

3、基本过滤器选择器:first 、:last 、:not 、:even 、:odd 、:eq 、:gt 、:lt 、:header 、:animated

4、内容过滤器选择器:contains 、:empty 、:has 、:parent

5、可见性过滤器选择器:hidden 、:visible

6、属性过滤器选择器[attribute] 、[attribute=value] 、[attribute!=value] 、[attribute^=value] 、[attribute$=value] 、[attribute*=value] 、[attrSel1][attrSel2][attrSelN]

7、子元素过滤器选择器:nth-child 、:first-child 、:last-child 、:only-child

8、表单选择器:input 、:text 、:password 、:radio 、:checkbox 、:submit 、:image 、:reset 、:button、:file 、:hidden9、表单过滤器选择器:enabled 、:disabled 、:checked 、:selected

js基本选择器与层次选择器

一、JS基本选择器是JQuery中最常用的选择器，也是最简单的选择器，它通过元素id、class 和标签名来查找DOM元素。这个非常重要，下面的内容都是以此为基础，逐级提高的。

1).“$(“#id”)”，获取id指定的元素，id是全局唯一的，所以它只有一个成员。

2).“$(“.class”)”，获取class指定的元素，不同的元素可以具有相同的class属性，所以它可能具有多个成员。

3).“$(“element”)”，获取element（元素名，比如div、table等）指定的元素，它可能具有多个成员。

4).“$(“*”)”，获取所有元素，相当于document。

5).“$(“selector1,selector2,…,selectorN”)”，将每个选择器匹配到的元素合并后一起返回。返回selector1匹配的集合+selector2匹配的集合+…+selectorN匹配的集合。

二、层次选择器

什么是层次？层次就是父子关系、兄弟关系的节点。所以，层次选择器就是用来获取指定元素的父子节点、兄弟节点。

1).“$(“ancestor descendant”)”，获取ancestor元素下边的所有元素。

2).“$(“parent > child”)”，获取parent元素下边的所有子元素（只包含第一层子元素）。

3).“$(“pre + next”)”，获取紧随pre元素的后一个兄弟元素。

4).“$(“pre ~ siblings”)”，获取pre元素后边的所有兄弟元素。