前端学习之三——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;
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
