前端学习之三——jquery选择器

标签：

Jquery中的选择器分为几大类：基本过滤选择器，层次选择器，内容过滤选择器，可见性过滤选择器，属性过滤选择器，子元素过滤选择器，表单对象选择器和表单对象属相过滤选择器。

1.非基本过滤选择器，一般需要和基本过滤选择器搭配使用。

2，从性能上将，原声支持的Id选择器，标签选择器，类选择器性能最好，其他一般是通过dom循环查找得到，因此，允许的条件下，优先选择js原生支持的js原生选择器。

3，最好提供选择器的上下文，来缩小目标元素的查找范围。

一、基本选择器。

#id;.class;element;*;selector1,selector2,...selectorN(将每一个选择器匹配到的元素合并后一起返回)

二、层次选择器

$("ancestor descendant"); 选取后代元素；

$("parent>child"); 选取子元素；

$("selector").next()；选取紧接着的下一个同辈元素； 

$("selector").nextAll() 选取之后的所有同辈元素；

$("selector").siblings()  选取之前及之后的所有同辈元素；

$("selector").prev() 获取之前的同辈元素

$("selector").parents() 获取祖先元素

$("selector").parent() 获取父元素

$("selector").closet() 获取最近匹配的祖先元素

以后几个层次型的查找函数，都可以使用选择器作为函数参数

三、基本过滤选择器

:first;:last;:even;:odd;:eq(index);:gt(index);:lt(index); 按照同一类元素的下标进行选择

:not(selector);:header;:animated;:focus::parent;按照元素的状态进行选择

四、内容过滤选择器

：empty；：contains(key);

:has(seletor)符合某种选择器特征的元素

:find(seletor)符合某种选择器特征的后代元素

:filter(seltor)符合某种选择器特征的同辈元素

五：可见性过滤选择器

:hidden;:visible

六、属性过滤选择器

[attribute];[attribute=value];[attribute!=value];[attribute^=value];[attribute$=value];[attribute*=value];[attribute|=value];[attribute~=value];[attribute1][attribute2]...[attributeN]

七：子元素过滤选择器

:nth-child(index/even/odd);:first-child;last-child;:only-child;

八：表单元素选择器

：input;:text;:password;:radio;:checkbox;:submit;:image;:reset;:button;:file;

九：表单元素属性过滤选择器

:enabled;:disabled;:checked;:selected;

前端学习之三——jquery选择器

标签：

原文地址：http://www.cnblogs.com/bobodeboke/p/4479357.html