在使用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>
jquery_wrap01_size_length_index

相关文章:

  • 2021-07-05
  • 2022-12-23
  • 2022-12-23
  • 2021-07-17
  • 2022-01-08
  • 2022-12-23
  • 2021-09-28
  • 2022-12-23
猜你喜欢
  • 2021-11-23
  • 2021-05-25
  • 2021-11-30
  • 2021-05-28
  • 2021-09-15
  • 2022-12-23
相关资源
相似解决方案