JQuery의 선택기 상세 설명

3602 단어 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 코드)

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

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

  • (JQuery 코드)
    $("label + input")
    
  • prev~siblings가prev 요소와 일치한 후의 모든siblings 요소 설명: 폼과 같은 또래의 input 요소를 찾습니다
  • (HTML 코드)

    (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)")
    

    좋은 웹페이지 즐겨찾기