Jquery 선택 서브 컨트롤'큰 번호'와'차이 점 소개 및 사용 예제

parent>child 는 주어진 부모 요소 에서 모든 하위 요소 파라미터 parentSelector 와 일치 하 는 유효한 선택 기 childSelector 를 요약 합 니 다.요소 와 일치 하 는 선택 기 를 사용 하고 첫 번 째 선택 기의 하위 요소 예제 설명 입 니 다.폼 에 있 는 모든 하위 input 요 소 를 일치 합 니 다.HTML 코드:
 
<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />
jQuery 코드:
 
$("form > input")
결과:
 
[ <input name="name" /> ]
ancestor descendant 는 주어진 조상 요소 에서 모든 후대 요소 파라미터 ancestorSelector 와 일치 하 는 유효 선택 기 descendantSelector 를 요약 하여 요소 와 일치 하 는 선택 기 를 사용 합 니 다.또한 이것 은 첫 번 째 선택 기의 후대 요소 예제 설명 입 니 다.폼 에 있 는 모든 input 요소 HTML 코드 를 찾 습 니 다.
 
<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />
jQuery 코드:
 
$("form input")
결과:
 
[ <input name="name" />, <input name="newsletter" /> ]

좋은 웹페이지 즐겨찾기