2013-07-01 58 views
3

什么是>符号在下面的JavaScript(#todoList> DIV)是什么意思?JavaScript是什么意思?

$('#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)') 

什么是 “:不”?

+0

灵感来自CSS选择器意味着一级儿童 – kcsoft

+1

这实际上就像一个基本的CSS选择器。你把它提供给Jquery来选择元素。在这里阅读更多:https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started/Selectors – thatidiotguy

+1

http://stackoverflow.com/questions/3225891/what-does-mean-in- css-rules – Brad

回答

8

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

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

下面的规则集是身体的儿童均P元素的样式:

体> p {的line-height:130}

下面的例子结合的后代选择和子选择:

DIV醇>利p

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

+0

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

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> 
0

$("#todoList > div")意味着与ID = “todolist的” 元素的直接后代(子)选择div元素。

0

其CSS选择器,在JavaScript本身没有意义,只是表示“大于”, 在CSS这意味着以前的选择直接孩子。

0

其母公司

的孩子选择器选择由“父母”指定元素的“小孩”中规定的所有直接子元素。

手段子div内部#todoList

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

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