jquery总结（三）

简单选择器

      1、：first 匹配的第一个

      2、：last 匹配的最后一个

      3、：lt(index) 小于某个的

      4、：gt(index) 大于某个的;

      5、：eq(index) 等于某个  相当于过滤器中的.eq(index)

      6、：even 奇数行 

      7、：odd  偶数行

      8、：header 匹配h1,h2 h3 等标题

      9、：not 除去匹配的(剩下的)

     过滤器：

          .eq(index)匹配某个

     属性中html代码

          .html()返回整个html文本

     属性的文本

          .text();返回这个html代码中的文本内容 如果是多个就组合文本内容并返回

案例：

Code:

1. <!-- 引入Jquery的js文件 -->   
2.     <script type="text/javascript" src="./js/jquery-1.4.4.js"></script>   
3. <script>   
4. $(function(){   
5.         //获取class类别选择器JQuery对像集合中的第一个对象   
6.         var $tr1 = $(".rdc:first");    
7.         //属性：.html();取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。   
8.         alert($tr1.html());   
9.         //获取class选择器对象集合中的最后一个对象   
10.         var $ltr = $(".rdc:last");   
11.         //属性:.text();结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。   
12.         alert($ltr.text());   
13.         /** even匹配的是索引是:0 2 4 但行数是1,3 5......  
14.           :even 选择奇数行并且为其添加背景颜色为红色*/  
15.         $("tr:even").css("background-color","red");   
16.         /** :odd 选择偶数行并且为其添加背景颜色为蓝色*/  
17.         $("tr:odd").css("background-color","blue");   
18.         /**$("tr")取得所有的行的JQuery对象的集合  
19.            .eq(index)匹配一个给定索引值的元素的Jquery对象  
20.            .css("","")为Jquery对象添加一个样式属性和属性值  
21.            对象链式操作*/  
22.         $("tr:eq(2)").css("background-color","yellow");   
23.         //等效于   
24.         $("tr").eq(2).css("background-color","yellow");   
25.         /**集合 List   --->get(index)--->具体的对象--->具体对象的方法*/  
26.         /**取得所有行的Jquery对象集合索引值小于1的所有的tr对象样式设置为green*/  
27.         $("tr:lt(1)").css("background-color","green");   
28.         /**取得索引大于1 并且把背景颜色设置为black*/  
29.          $("tr:gt(1)").css("background-color","black");   
30.          //匹配不是最后一行的样式背景颜色统一设置为红色   
31.          $("tr:not(:last)").css("background-color","red");   
32.          //匹配标题   
33.          alert($(":header").html());   
34.     });   
35. </script>