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

来源:互联网 发布:网络思想政治教育好处 编辑:程序博客网 时间:2024/06/11 14:57
<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