javascript-jquery选择器

jquery选择器用来获得jquery对象

我们用一个实例来演示jquery与原生的区别

<div id="title">123</div>
原生获得元素的方法：
var title=document.getElementById("title")；
jquery方法：
var title=$("#title");
原生获得文本的方法：
var text=title.innerHTML;//123
jquery获得文本的方法：
var text=$("#title").html()//123

两种方法获得的结果相同。

jquery选择器是什么

　　--css选择器

　　--jquery选择器继承了css选择器的风格

　　--利用jquery选择器，可以非常便捷和快速的找出特定的DOM元素，然后为他们添加相应的行为

　　--jquery的行为规则都必须在获取到元素后才能生效

jquery选择器的优势

　　简洁的书写方式

　　支持css1到css3选择器

　　完善的处理机制

基本选择器

　　id选择器

　　类选择器

　　标签选择器

　　*所有元素

　　集群选择器

基本过滤器

　　:first//选取第一个元素

　　:last//选取最后一个元素

　　:not(selector)取出所有与给定选择器不匹配元素

　　:even//选取索引的偶数的所有元素，索引从0开始

　　:odd//选取索引是奇数的所有元素

　　:eq(index)//选取索引等于index的元素

　　:gt(index)//选取索引大于index的元素

　　:lt(index)//选取索引小于index的元素

　　:header//选取所有标题元素，如：h1,h2,h3

　　:focus//选择获得焦点的元素

　　:animated//选取当前正在实行动画的所有元素

　　****子元素过滤器***

　　:nth-child(index/even/odd/equation)//选取每个匹配元素下的第index个子元素或者奇偶元素

　　A:first-child//选取每个父元素的第一个子元素（先满足后边，在过滤满足A）

　　:last-child//选取每个父元素的最后一个儿子

　　:only-child//如果某个元素是他父元素中唯一的子元素，那么他将会匹配。

　　***内容过滤器***

　　:contains(text)选取含有文本内容为text的元素

　　:empty选取不包含后代元素和文本的空元素。

　　:has(selector)选取含有后代元素并匹配选择器的元素

　　:parent选取后代元素或文本的非空元素

　　***可见性过滤器***

　　:hidden选取所有不可见元素

　　:visible选取所有可见元素

　　***属性过滤器***

　　[attribute]选取拥有此属性的元素。实例$("div[id]")

　　[attribute=value]选择属性的值为value

　　[attribute!=value]

　　[attribute^=value]选择属性值为value开始的元素

　　[attribute$=value]选择属性值为value结束的元素

　　[attribute*=value]选择属性值含有value的元素

　　[selector1][selector2][selectorn]用属性选择器合并成一个符合属性选择器满足多个条件。没每选贼一次。缩小一次范围。

　　***层次选择器***

　　$("选择器1 选择器2")//选择后代

　　$("选择器1>选择器2")//亲身选择儿子元素

　　$("选择器1+选择器2")//从匹配选择器1后面的第一个兄弟元素中选取匹配选择器2的元素

　　$("选择器1~选择器2")//从匹配选择器1后面的所有兄弟元素中选取匹配选择器2的元素

　　***表单对象选择器***

　　:enable选取所有可用元素

　　:disabled选取所有不可用元素

　　:checked选取所有被选中的元素（单选框、复选框）

　　:selector选取所有被选中的选项元素（下拉列表）

　　***表单选择器***

　　:input//input、textarea、select、button

　　:text//单行文本框

　　:password//密码框

　　:radio//单选框

　　:checkbox//复选框

　　:submit//提交按钮

　　:image//图像按钮

　　:reset//重置按钮

　　:button//按钮

　　:file//上传文件

　　:hidden//不可见元素

有什么问题大家可以直接评论，看到后会立刻回复。。。