그만큼 끝() jQuery의 메서드는 현재 체인에서 가장 최근 필터링 작업을 종료하고 일치하는 요소 집합을 이전 상태로 반환하는 데 사용됩니다. 이 방법은 아무런 인수 없이 사용됩니다.
그만큼 끝() 메서드는 jQuery를 연결 목적으로 사용할 때 유용합니다.
통사론
operations.end()
이 메서드는 어떤 인수도 허용하지 않습니다.
이제, 끝() 몇 가지 그림을 사용한 방법.
실시예 1
간단한 사용예입니다. 끝() 방법. 여기서 체인은 먼저 단락 요소를 검색합니다. 기간 그리고 비 그 안에 있는 요소를 선택하고 버튼을 클릭하면 단락 요소의 범위 요소가 선택됩니다.
jQuery end() method $(document).ready(function(){ $('button').click(function(){ $('p').find('span').find('b').end().css('border', '2px blue solid'); }); }); .para{ margin: 10px; padding: 10px; } <h2> Welcome to the javaTpoint.com </h2> <h3> It is an example of using the end() method. </h3> <p> Click the below button to see the effect. </p> Click me <p class="para"> <span> Hello <b> World. </b> </span> It is a paragraph with 'span' and 'b' elements. </p> <p class="para"> <span> Another paragraph. </span> This paragraph has a span element. </p> <p class="para"> <span> Another paragraph. </span> This paragraph also has a span element. </p> 지금 테스트해보세요 산출
위 코드를 실행한 후 출력은 다음과 같습니다.
주어진 버튼을 클릭하면 출력은 다음과 같습니다.
실시예2
이 예에는 체인에 두 가지 메서드가 있습니다. 찾다() 방법과 첫 번째() 방법에 따라 단락 요소의 배경색을 변경해야 합니다. 하지만 주어진 버튼을 클릭하면, 끝() 메소드는 체인의 마지막 메소드를 제거하고 범위 요소를 포함한 단락 요소의 배경색을 변경합니다.
jQuery end() method $(document).ready(function(){ $('button').click(function(){ $('p').find('span').first().css({'background-color' : 'lightblue'}).end().css({'background-color' : 'yellow'}); }); }); <h2> Welcome to the javaTpoint.com </h2> <h3> It is an example of using the end() method. </h3> <b> Click the below button to see the effect. </b> <br> <br> Click me <p class="para"> Paragraph <span> 1 with span element </span> </p> <p class="para"> Paragraph 2 </p> <p class="para"> Paragraph <span> 3 with span element </span> </p> <p class="para"> Paragraph 4 </p> 지금 테스트해보세요 산출
위 코드를 실행한 후 출력은 다음과 같습니다.
주어진 버튼을 클릭하면 출력은 다음과 같습니다.
