'>'是什么在javascript中意味着什么?

时间:2013-07-01 15:52:27

标签: javascript jquery css jquery-selectors

>是什么在下面的javascript中,(#todoList> div)中的符号是什么意思?

$('#btnClear').click(function () {
    $('#todoList > div').each(function () {
        var entity = $(this).data('entity');
        $todo.context.TodoEntries.remove(entity);
    });
    $todo.context.saveChanges(updateView);
});

在Html文件中,#todoList是div的id。

<div id="todoList"></div>

在本声明中

 $('#wrapper>div:not(#providerSelection)')

什么是“:不是”?

5 个答案:

答案 0 :(得分:8)

这是一个child selector。这不是javascript功能,而是css。 jQuery implement it在其选择器引擎上,但它与javascript无关。

  

当元素是某个元素的子元素时,子选择器匹配。子选择器由两个或多个由“&gt;”分隔的选择器组成。

     

以下规则设置作为BODY子项的所有P元素的样式:

     

body&gt; P {line-height:1.3}

     

以下示例结合了后代选择器和子选择器:

     

div ol&gt; li p

     

它匹配作为LI的后代的P元素; LI元素必须是OL元素的子元素; OL元素必须是DIV的后代。请注意“&gt;”周围的可选空格组合器已被排除在外。

答案 1 :(得分:7)

这不是JavaScript语法,而是CSS选择器语法,这里传递给JQuery选择器。

这是"direct child" selector

这意味着它从id为todoList的元素中选择所有作为子节点的div元素。

这适用于ID为A和B的元素:

<div id="todoList">
  <div id=A>
     <div id=C>
  </div>
  <span id=D></span>
  <div id=B></div>
</div>

答案 2 :(得分:0)

$("#todoList > div")表示选择div元素,它们是id =“todoList”元素的直接后代(子元素)。

答案 3 :(得分:0)

它是一个css选择器,除了“大于”之外,javascript本身没什么意义, 在css中,它意味着先前的选择者指导孩子。

答案 4 :(得分:0)

它是父

的子选择器

选择由“parent”指定的元素“child”指定的所有直接子元素。

表示div

中的孩子#todoList

SEE API --> http://api.jquery.com/child-selector/

子组合子(E&gt; F)可以被认为是后代组合子(E F)的一种更具体的形式,因为它只选择第一级后代。