JQuery의 선택기 상세 설명

#id는 지정된 ID에 따라 요소를 일치시킵니다.이름의 텍스트 섹션으로 메타 문자를 사용하려면 두 개의 백슬래시가\로 변환되어야 합니다.예시를 참고하다.설명: ID가 "myDiv"인 요소를 찾습니다.

(HTML 코드)

id="notMe"
id="myDiv"

(jQuery 코드)

$("#myDiv");

요소는 주어진 요소 라벨 이름에 따라 모든 요소 설명과 일치합니다: DIV 요소를 찾습니다.

(HTML 코드)

DIV1
DIV2
SPAN

(JQuery 코드)

$("#myDiv");

.검색할 클래스입니다.하나의 원소는 여러 종류가 있을 수 있으며, 일치하는 것이 있으면 일치할 수 있다.설명: 모든 클래스가 "myClass"인 요소를 찾습니다.

(HTML 코드)

div class="notMe"
div class="myClass"
span class="myClass"

(jQuery 코드)

$(".myClass

.* 모든 요소와 일치합니다.주로 상하문과 결합하여 검색하는 데 쓰인다.설명: 각 요소 찾기

(HTML 코드)

DIV
SPAN
P

(jQuery 코드)

$("*")

selector1, selector2, selectorN은 모든 선택기가 일치하는 요소를 합쳐서 되돌려줍니다.임의의 선택기를 지정하고 일치하는 요소를 결과에 통합할 수 있습니다.

매개 변수: selector1 유효한 선택기 selector2 다른 유효한 선택기 selectorN 임의의 여러 개의 유효한 선택기
설명: 어떤 종류와 일치하는 요소를 찾습니다.(HTML 코드)

div
p class="myClass"
span
p class="notMyClass"

(jQuery 코드)

$("div,span,p.myClass")

ancestor descendant 주어진 조상 요소 아래 모든 후손 요소 설명 일치: 폼의 모든 input 요소 찾기 (HTML 코드)

  Name:
  
  

      Newsletter:
      
 

(JQuery 코드)

$("form input")

parent > child는 주어진 부모 요소 아래에서 모든 하위 요소와 일치합니다: 표의 모든 하위 input 요소와 일치합니다.(HTML 코드)

  Name:
  
  

      Newsletter:
      
 

(JQuery 코드)

$("form > input")

prev+next는prev 요소 뒤에 있는next 요소 설명에 일치합니다: label 뒤에 있는 input 요소 (HTML 코드) 와 일치합니다

  Name:
  
  

      Newsletter:
      
 

(JQuery 코드)

$("label + input")

prev~siblings가prev 요소와 일치한 후의 모든siblings 요소 설명: 폼과 같은 또래의 input 요소를 찾습니다

(HTML 코드)

  Name:
  
  

      Newsletter:
      
 

(JQuery 코드)

$("form ~ input")

:first 첫 번째 요소 가져오기 설명: 일치하는 첫 번째 요소 가져오기(HTML 코드)

    
list item 1
    
list item 2
    
list item 3
    
list item 4
    
list item 5

(JQuery 코드)

$('li:first');

: not(selector)는 주어진 선택기와 일치하는 모든 요소를 제거합니다. jQuery 1.3에서는 복잡한 선택기를 지원합니다. 예를 들어 not(div a)와: not(div, a) 설명: 선택하지 않은 input 요소 찾기 (HTML 코드)

(JQuery 코드)

$("input:not(:checked)")