'>'在javascript中是什么意思？ [复制]答案

【问题标题】：What does '>' mean in javascript? [duplicate]'>'在javascript中是什么意思？ [复制]
【发布时间】：2013-06-28 19:40:36
【问题描述】：

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

什么是":not"？

【问题讨论】：

Inspired by css selectors 意味着一级子
这实际上就像一个基本的 CSS 选择器。您将其输入 Jquery 以选择元素。在这里阅读更多：developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started/…
stackoverflow.com/questions/3225891/what-does-mean-in-css-rules
请阅读：CSS selectors.

标签： javascript jquery css jquery-selectors

【解决方案1】：

不是 JavaScript 语法而是 CSS 选择器语法，这里是传入一个 JQuery 选择器。

这是"direct child" selector。

这意味着它选择了所有 div 元素，这些 div 元素是 ID 为 todoList 的元素下一级的子节点。

这将适用于此处具有 id A 和 B 的元素：

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

【讨论】：

【解决方案2】：

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

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

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

body > P { line-height: 1.3 }

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

div ol>li p

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

【讨论】：

这是一个 Selectors API 功能，JavaScript DOM 使用大部分 API 实现其 querySelector[All] 方法。 jQuery/Sizzle 使用 .querySelectorAll() 作为其 DOM 选择的默认值。

【解决方案3】：

它是父级的子选择器

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

表示子div在#todoList内

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

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

【讨论】：

【解决方案4】：

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

【讨论】：

【解决方案5】：

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

【讨论】：