3

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

什么是“：不”？

4

5 回答 5

8

这是一个子选择器。这不是 javascript 功能，而是 css。jQuery在其选择器引擎上实现它，但它与 javascript 无关。

当元素是某个元素的子元素时，子选择器匹配。子选择器由两个或多个以“>”分隔的选择器组成。

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

正文 > P { 行高：1.3 }

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

div ol>li p

它匹配作为 LI 的后代的 P 元素；LI 元素必须是 OL 元素的子元素；OL 元素必须是 DIV 的后代。请注意，“>”组合符周围的可选空格已被省略。

于 2013-07-01T15:53:35.240 回答
7

它不是 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>
于 2013-07-01T15:53:43.617 回答
0

$("#todoList > div")表示选择 id="todoList" 元素的直接后代（子）的 div 元素。

于 2013-07-01T15:53:59.630 回答
0

它是一个 css 选择器，除了“大于”之外在 javascript 本身中没有任何意义，在 css 中它意味着以前的选择器直接子级。

于 2013-07-01T15:53:59.727 回答
0

它是父级的子选择器

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

div意味着里面的孩子#todoList

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

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

于 2013-07-01T15:54:11.387 回答