JQ的简单分析

1.1jQuery对象

通过jQuery方法获取到的元素叫做jQ对象，jQ对象只能使用jQ里面的方法，如果jQ对象要使用js里面的方法，就要用get()方法转换为js对象。

2.1jQuery中常用的选择器

<1>基本选择器

基本选择器是JQuery最常用的选择器，也是最简单的选择器。

<2>层级选择器

只有这个方法返回的是JQuery对象才能进行链式操作。如果想通过 DOM 元素之间的层次关系来获取特定元素,则需要使用层次选择器。例如：

 

//后代元素：ancestor descendant

说明：在给定的祖先元素下匹配所有的后代元素。

 

举例：$(“form input”);

输出结果：<input name=”name”>,<input name=”type”>;

//子代元素：parent > child     在给定的父元素下匹配所有的子元素。注意：要区分好后代元素与子元素 父元素中查找，只包含子元素，不包含子元素的子元素。

举例：$(“form > input”);

输出结果：<input name=”name”>;

//相邻元素：prev+next  匹配所有紧接在 prev 元素后的 next 元素。

举例：$(“lable+input”);

输出结果：<input name=”name”>,<input name=”type”>;

//兄弟元素：prev~siblings   匹配 prev 元素之后的所有 siblings 元素。

举例：$(“form~input”);

输出结果：<input value=”456”>;

<3>基础过滤选择器

//  :first  匹配找到的第一个元素  如：$(“tr:first”);

//  :last  获取匹配的最后个元素  如：$(“tr:last”);

//  :even  匹配所有索引值为偶数的元素，从0开始计数  如：$(“tr:even”);

//  :odd 匹配所有索引值为奇数的元素  如：$(“tr:odd”);

//  :eq(index)  匹配一个给定索引值的元素.eq(0)就是获取第一个tr元素.括号里面的是索引值,不是元素排列数   如：$(“tr:eq(0)”);

//  :lt(index)  匹配所有小于给定索引值的元素  如：$(“tr:lt(2)”);

//  :gt(index)  匹配所有大于给定索引值的元素  如：$(“tr:gt(0)”);

<4>属性过滤选择器

属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素。

* [attribute]  匹配包含给定属性的元素   

* [attribute=value]  匹配给定的属性是某个特定值的元素  

* [attribute!=value] 匹配所有不含有指定的属性，或者属性不等于特定值的元素 

* [attribute^=value]  匹配给定的属性是以某些值开始的元素 

* [attribute$=value] 匹配给定的属性是以某些值结尾的元素 

* [attribute*=value]  匹配给定的属性是包含以某些值的元素 

*[selector1][selector2][selectorN]  复合属性选择器，需要同时满足多个条件时使用.