在使用Jquery包装集的知识之前首先要注意三个概念(当前包装集、新包装集、包装集内部元素)的区别。
1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 5 <title>包装集size(),length,index</title> 6 <script src="js/jquery-1.8.2.js"></script> 7 <script type="text/javascript"> 8 $(function () { 9 //window.alert($("tr").size());//获取tr的个数 10 //window.alert($("tr").length);//获取tr的个数 11 12 //当执行了get之后得到的结果是一个js的元素 13 //var dom = $("tr").get(1); 14 //$(dom).css("color", "blue"); 15 16 //判断id为abc的tr在包装集的位置 17 //window.alert($("tr").index($("tr#abc"))); 18 19 //得到tbody下面第三个tr 20 //$("tbody tr:eq(2)").css("color", "blue"); 21 }); 22 </script> 23 </head> 24 <body> 25 <table width="700" border="1" align="center"> 26 <thead> 27 <tr> 28 <td>用户标识</td> 29 <td>用户姓名</td> 30 <td>用户年龄</td> 31 <td>用户密码</td> 32 </tr> 33 </thead> 34 <tbody> 35 <tr > 36 <td>1</td> 37 <td>张三</td> 38 <td>23</td> 39 <td>abc123</td> 40 </tr> 41 <tr> 42 <td>2</td> 43 <td>李四</td> 44 <td>33</td> 45 <td>abc123</td> 46 </tr> 47 <tr> 48 <td>3</td> 49 <td>王五</td> 50 <td>13</td> 51 <td>abc123</td> 52 </tr> 53 <tr> 54 <td>4</td> 55 <td>赵六</td> 56 <td>45</td> 57 <td>abc123</td> 58 </tr> 59 <tr> 60 <td>5</td> 61 <td>朱七</td> 62 <td>21</td> 63 <td>abc123</td> 64 </tr> 65 </tbody> 66 </table> 67 </body> 68 </html>