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;