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

jquery第八期:两个有关包装集的复杂操作

<html>
<head>
<script type="text/javascript" src="jquery-1.10.1.js"></script>
<script type="text/javascript">
   $(function()
   { 
	 
	//clone:复制一个包装集   appendTo在包装集中追加内容 end: 返回前一个包装集
	//$("#first tbody").clone().appendTo("#second").find("tr:even").css("color","red").end().end().end().find("tr:odd").css("color","blue");
    

	// 包装集的合并,将first与second合并
	//$("#first tbody").clone().appendTo("#second").end().andSelf().css("color","red");

	//理解find和filter的区别,
	//find:从当前包装集找元素  filter:只是对当前包装集操作。理解这类的区别是掌握jquery的关键

     
   });
</script>
</head>
<body>
<table width="700" border="1" align="center" id="second"></table>
<table width="300" border="1" align="center" id="first">
    <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

 

补充:web前端 , JavaScript ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,