Jquery 선택 하위 컨트롤 '부호보다 큼' 및 '' 차이점 소개 및 사용 example_jquery

상위 > 하위

개요
지정된 상위 요소 아래의 모든 하위 요소와 일치

매개변수
parentSelector 유효한 선택기
childSelector 요소와 일치하는 데 사용되는 선택기이며 첫 번째 선택기의 하위입니다.

예
설명:
모든 하위 입력과 일치합니다. 형태의 요소.

HTML 코드:

코드 복사 코드는 다음과 같습니다.

이름:

뉴스레터:< /label>




jQuery 코드:

코드 복사 코드는 다음과 같습니다. $("form > input")

결과:

코드 복사 코드는 다음과 같습니다. 다음: [ ]

상위 자손

개요

주어진 조상 요소 아래의 모든 하위 요소와 일치
매개변수

ancestorSelector 유효한 선택기 descendantSelector 요소를 일치시키는 데 사용되는 선택기, 하위 요소

예

설명: 양식에서 모든 입력 요소 찾기
HTML 코드:

코드 복사 코드는 다음과 같습니다.

이름:< ;/label>

뉴스레터:
< ;/fieldset>


jQuery 코드:

코드 복사

코드는 다음과 같습니다. $("form input") 결과:

코드 복사

코드는 다음과 같습니다. [ <입력 이름 ="이름" />, <이름 입력= "뉴스레터" /> ]