当前位置:编程学习 > JAVA >>

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 ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,