jquery第七期:包装集
<head> <script type="text/javascript" src="jquery-1.10.1.js"></script> <script type="text/javascript"> $(function() { //get方法返回的是一个js对象 //$($("tr").get(1)).css("color","red"); //判断id为abc的tr在包装集中的位置 //alert($("tr").index($("tr#abc"))); //在表达式中可以用逗号分割多个包装机,但是如果包装集太多,变动的时候使用这种就不好操作了 //$("tbody tr:eq(2),tr#abc").css("color","red"); //使用add方法来代替上面的方法,可以把新的包装集添加进去 //$("tbody tr:eq(2)").add("tr#abc").add("tr //td:contains('D')").css("color","red"); //获取tr中id不为abc的包装集 //$("tr").not("tr#abc").css("color","red"); //过滤tr之后,选择tr序号小于2的包装集 //$("tr").filter("tr:lt(2)").css("color","red"); //获取tr1-3,返回的是新的包装集 //$("tr").slice(1,3).css("color","red"); //当我们通过ajax得到的是table的时候,使用find方法,可以从包装集中获取相应的元素,返回的元素也是包装集 //$("table").find("tr#abc").css("color","red"); //is:当前的包装集中是否有某个元素,table包装集中只有一个元素,没有td //alert($("td").is("td:contains('用户')")); //获取tbody中所有位置tr为3的子包装集 //$("tbody").children("tr:eq(3)").css("color","red"); //返回下一个兄弟元素的包装集 // $("tr#abc").next().css("color","red"); //返回所有兄弟元素的包装集 // $("tr#abc").nextAll().css("color","red"); // 返回满足条件的父节点的包装集,只有一个,若是parents,会返回所有 // $("#cde").parent("tr").css("color","red"); //获取tr为2的所有兄弟节点 // $("tr:eq(2)").siblings("tr").css("color","red"); }); </script> </head> <body> <table width="300" border="1" align="center" > <tr> <td>用户标识</td> <td>用户姓名</td> <td>用户年龄</td> <td>用户密码</td> </tr> <tr id="abc"> <td id="cde">A</td> <td>张三</td> <td>12</td> <td>hehe1</td> </tr> <tr> <td>B</td> <td>李四</td> <td>13</td> <td>hehe2</td> </tr> <tr> <td>C</td> <td>王五</td> <td>14</td> <td>hehe3</td> </tr> <tr> <td>D</td> <td>牛六</td> <td>15</td> <td>hehe4</td> </tr> </table> </body> </html></pre><br> <td>牛六</td
补充:web前端 , JavaScript ,