源代码:01.<html>  
02.<head>  
03.<SCRIPT language=JavaScript src="jquery.js" mce_src="jquery.js"></SCRIPT>  
04.<SCRIPT language=JavaScript>  
05.$("document").ready(function(){  
06.    //第六个表格的删除按钮事件绑定    
07.    $("#tbody6 .del").click(function() {   
08.        $(this).parents(".repeat").remove();   
09.    });   
10.    //第六个表格的添加按钮事件绑定    
11.    $("#add6").click(function(){   
12.        $("#tbody6>.template")   13.            //连同事件一起复制    
14.            .clone(true)   
15.            //去除模板标记    
16.            .removeClass("template")   
17.            //修改内部元素    
18.            .find(".content")   
19.                .text("新增行")   
20.                .end()  
21.           .find(".del")   
22.                .text("删除")   
23.                .end()        
24.            //插入表格    
25.            .appendTo($("#tbody6"))   
26.    });   
27.}  
28.)  
29.</script>  
30.</head>  
31.<body>  
32.    <ul  id="tbody6">   
33.    <li class="template repeat">   
34.        <span class="content">这里是模板</span>   
35.        <span><button class="del">删除</button></span>   
36.    </li>   
37.    <li class="repeat">   
38.        <span class="content">这行原来就有</span>   
39.        <span><button class="del">删除</button></span>   
40.    </li>   
41.    <li class="repeat">   
42.        <span class="content">这行原来就有</span>   
43.        <span><button class="del">删除</button></span>   
44.    </li>   
45.</ul>   
46.   
47.      <button id="add6">添加</button>  
48.      
49.</body>  
50.</html>  
问题:上面的红色的字体是什么意思?特别是“>”什么意思?

解决方案 »

  1.   

    12. $("#tbody6>.template") 13. //连同事件一起复制   >就是取得第一个 >.template就是取得id为tbody6的div下的第一个名字为id问template的class
      

  2.   

    $("#tbody6>.template") //连同事件一起复制   
    取得id为tbody6(这里的<ul id="tbody6">  )的元素下的第一个class为template的元素
      

  3.   

    id为tbody6的元素中的class为template的所有直接子节点
      

  4.   

    $(“.myList>li”) 选择CSS类为myList元素中的直接子节点<li>对象.
    看了这个你就明白了。。
      

  5.   

    前面的元素包含后面的元素。
    上面的意思就是在id为tbody6的元素下找到所有的class为template的元素,然后对其进行操作。