Question

我有这两个选择器，我想知道它们之间的区别：

$("table#tabla_semiter > tbody > tr").eq(indiceSemiter).after(html1);

和

$("table#tabla_semiter tbody tr").eq(indiceSemiter).after(html1);

由于

Answer 1

子组合子（E> F）可以被认为是后代组合子（E F）的一种更具体的形式，因为它只选择第一级后代。

取自https://api.jquery.com/child-selector/

Answer 2

文档会得出答案。

element element div p选择元素内的所有require 'highline/import' name = ask "whats your name"元素

元素<p>元素div > p选择父元素为元素的所有>元素

Answer 3

div p选择div

中的所有<p>个元素

div＆gt; p选择父级为div的所有<p>个元素

第一个选择器

选择完全然后表格的孩子＃tabla_semiter＆gt; tbody＆gt;

和第二选择器得到所有tr in tbody

了解更多细节，请参阅此示例

    <body>
  <table id="tbl">
       <tbody>
           <tr>
               <td> First Row</td>
           </tr>
            <tr>
                <td>Second Row</td>
                <td>
                    <table>
                       <tbody>
                           <tr>
                               <td>First Child</td>
                           </tr>
                        </tbody>
                    </table>
                </td>    

           </tr>
      </tbody>
    </table>
</body>

   $("#tbl tbody tr td").css("background-color","blue");
   $("#tbl>tbody>tr>td").css("background-color","red");

Sample

这两个选择器在jQuery中有什么区别

3 个答案: