JQuery 옵션 셀렉터

Question

저는 JQuery를 사용하는 새로운 꿀벌입니다.

두 가지 문장 모두 나를 위해 일합니다. 그러나 나는 처음에 무엇을하고 있는지 이해할 수 없었다. ??

$("#OrganiastionSettingsAll > option:selected"); 

그리고

$("#OrganisationSettingsAll option:selected"); 

감사 > C는 첫 번째 레벨의 하위에 사용

Answer 1

기호 태그는 자손이 아닌 #OrganiastionSettingsAll의 자식이어야 함을 나타냅니다.

예를 들어

:

<div id="outer"> 
    <div> 
    <span>Foo</span> 
    </div> 
</div> 

#outer span가 <span> 태그를 일치하지만 #outer > span하지 않습니다.

Answer 2

여기서 P 계층 아래 모든 레벨 PC있다. 보다 구체적으로 하위 결합 자 (P> C)는 하위 수준 결합 자 (P C)의보다 구체적인 형태로 간주되어 첫 번째 수준의 자손 인 jQuery Doc 만 선택합니다.

Answer 3

>은 option:selected이 자식이거나 직계 하위 인 #OrganiastionSettingsAll이어야 함을 의미합니다. >이없는 예는 option:selected이 임의의 수준 인 #OrganiastionSettingsAll에 속할 수 있음을 의미합니다.

자식 연결자 (E> F)는보다 구체적인 형태가 자손 단지 처음 레벨을 선택하는 것을 자손 연결자 (E F)의 으로 생각할 수

.

참조 : http://api.jquery.com/child-selector/

Answer 4

>은 첫 차일을 선택한다. 예

ul>li 

는

Answer 5

>가 CSS 선택기 직접 자손 인 UL 내의 모든 리튬 요소를 선택하는 UL

ul li 

의 직계 자식 만 리를 선택한다.

사진의 경우

<div> 
    <span> 
     <strong>Hi!</strong> 
    </span> 
</div> 

$('div > strong')가 강한 사업부의 직계 후손 아니라, 제로 요소를 반환합니다.

$('div strong') 및 $('div > span > strong')은 둘 다 "Hi!"라는 텍스트가있는 strong 요소를 반환합니다. 두 번째 선택기는 직접 자손 연산자를 사용하지만 첫 번째 선택기는 strong가 div의 직접 자손이 아니어도됩니다.