Jquery 상위 작업 방법

1501 단어 jquery
jquery는 부모 요소를 가져오는 방법이 비교적 많습니다. 예를 들어parent (),parents (),closest () 등은 부모 요소나 노드를 찾을 수 있도록 도와줍니다.
 
 
<ul class="parent1">
<li><a href="#" id="item1">jquery     </a></li> 
<li><a href="#">jquery     </a></li> 
</ul>

 1、parent([expr])
일치하는 모든 원소를 포함하는 유일한 부모 원소의 원소 집합을 얻습니다.
너는 선택할 수 있는 표현식을 사용하여 선별할 수 있다.
코드는 다음과 같다.1. $( '#item1' ).parent().parent( '.parent1' );
2、:parent
하위 요소 또는 텍스트가 있는 요소 일치
코드는 다음과 같다.
    1. $( 'li:parent' );  
3、parents([expr])
일치하는 모든 원소를 포함하는 조상 원소의 원소 집합을 얻습니다. (뿌리 원소는 포함되지 않습니다.)선택할 수 있는 표현식을 통해 선별할 수 있습니다.
코드는 다음과 같다.
    1. $( '#items' ).parents( '.parent1' );
  4、closest([expr])
closest는 현재 요소가 일치하는지 먼저 확인하고 일치하면 요소 자체를 되돌려줍니다.일치하지 않으면 부모 요소를 한 층 한 층 위로 찾습니다. 일치하는 선택기의 요소를 찾을 때까지.아무것도 찾지 못하면 빈 jQuery 대상을 되돌려줍니다.
closest와parents의 주요 차이점은 다음과 같다. 1. 전자는 현재 원소부터 매칭하여 찾고 후자는 부모 원소부터 매칭하여 찾는다.2. 전자는 일치하는 원소를 발견한 후에 멈추고 후자는 뿌리 원소를 계속 위로 찾은 다음에 이 원소를 임시 집합에 넣고 주어진 선택기 표현식으로 필터한다.3, 전자는 0 또는 1개의 원소를 되돌려주고, 후자는 0 개, 1개 또는 여러 개의 원소를 포함할 수 있다.
closest는 이벤트 위임 처리에 매우 유용합니다.

좋은 웹페이지 즐겨찾기