2013-07-01 55 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)的更具體的形式只選擇第一級的後代。