">"在javascript中意味着什么？

Question

在以下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)')

什么是":不是"？

Answer 1

这是一个儿童选择器.这不是javascript功能,而是css.jQuery 在其选择器引擎上实现它,但它与javascript无关.

当元素是某个元素的子元素时,子选择器匹配.子选择器由两个或多个由">"分隔的选择器组成.

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

body> P {line-height:1.3}

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

div ol> li p

它匹配作为LI的后代的P元素; LI元素必须是OL元素的子元素; OL元素必须是DIV的后代.请注意,">"组合器周围的可选空白区域已被忽略.

Answer 2

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

这是"直接子"选择器.

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

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

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