2013-07-01 2 views
3

다음 자바 스크립트에서 (#todoList> div)의> 기호 의미는 무엇입니까?자바 스크립트에서 '>'의 의미는 무엇입니까?

$('#btnClear').click(function() { 
    $('#todoList > div').each(function() { 
     var entity = $(this).data('entity'); 
     $todo.context.TodoEntries.remove(entity); 
    }); 
    $todo.context.saveChanges(updateView); 
}); 

#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 규칙 – Brad

답변

8

이것은 child selector입니다. 이것은 자바 스크립트 기능이 아니라 CSS입니다. 선택기 엔진에는 jQuery implement it가 있지만 자바 스크립트와는 아무런 관련이 없습니다.

요소가 요소 일 경우 하위 선택자는 일치합니다. 자식 선택자는 두 개 이상의 선택자로 구분되며 ">"로 구분됩니다.

몸> P {라인 높이 : 1.3}

다음 규칙은 BODY의 모든 하위 P 요소의 스타일을 설정

다음 예제는 하위 선택자와 자식 선택자를 결합한 :

올 DIV> 리튬 P

그것이 LI의 자손 인 P 엘리먼트와 일치

; LI 요소는 OL 요소의 하위 요소 여야합니다. OL 요소는 DIV의 자손이어야합니다. ">"결합 자 주위에있는 선택적 공백은 생략되었습니다.

+0

그것은 Selectors API 기능이며, JavaScript DOM은 대부분의 API가 포함 된'querySelector [All]'메소드를 구현합니다. jQuery/Sizzle은'.querySelectorAll()'을 DOM 선택의 기본값으로 사용합니다. –

7

JavaScript 구문이 아니라 CSS 선택기 구문이 여기 JQuery 선택기에서 전달됩니다.

그것은 "direct child" selector입니다.

id가 todoList 인 요소에서 1 레벨 아래로 자식 노드 인 모든 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 선택기, CSS에서 "큰 것"을 제외하고는 JavaScript 자체에서 의미가 없습니다. CSS에서 은 이전 선택자가 직접 하위를 의미합니다.

0

그 부모

의 자식 셀렉터는 "부모"에 의해 지정된 요소의 "아이"에 의해 지정된 모든 직접적인 자식 요소를 선택합니다.

는 그 안에 자손 콤비 (EF)의보다 구체적인 형태로 생각 될 수있다 #todoList

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

자식 콤비 (E> F) 내부의 아이 div을 의미 첫 번째 수준의 하위 항목 만 선택합니다.

관련 문제