jquery에서 end의 사용법은 무엇입니까

jquery의 end 기능은 현재 체인에서 최신 필터링 작업을 종료하고 일치하는 요소 집합을 이전 상태로 복원하는 것입니다. 사용 구문은 ".end()"입니다.

이 기사의 운영 환경: Windows 7 시스템, jquery 버전 3.2.1, DELL G3 컴퓨터

jquery에서 end의 사용법은 무엇입니까?

jquery end() 메서드는 현재 체인에서 가장 최근의 필터 작업을 종료하고 일치하는 요소 집합을 이전 상태로 복원합니다.

Syntax

.end()

Details

대부분의 jQuery 순회 메소드는 jQuery 객체 인스턴스에서 작동하며 다양한 DOM 요소 집합과 일치하는 새 객체를 생성합니다. 이런 일이 발생하면 새 요소 집합이 개체에 유지되는 스택에 푸시되어야 합니다. 필터 메서드 호출이 성공할 때마다 새 요소가 스택에 푸시됩니다. 이전 요소 세트가 필요한 경우 end()를 사용하여 스택에서 새 세트를 팝할 수 있습니다.

페이지에 짧은 목록 쌍이 있다고 가정합니다:

<ul class="first">
   <li class="foo">list item 1</li>
   <li>list item 2</li>
   <li class="bar">list item 3</li>
</ul>
<ul class="second">
   <li class="foo">list item 1</li>
   <li>list item 2</li>
   <li class="bar">list item 3</li>
</ul>

예제

주로 jQuery는 jQuery의 체인 속성(명령 체인)을 활용할 때 더 유용합니다. 명령 체인을 사용하지 않는 경우에는 보통 변수 이름을 통해 이전 개체를 호출하므로 스택을 조작할 필요가 없습니다. 그러나 end()를 사용하면 모든 메소드 호출을 함께 연결할 수 있습니다.

$('ul.first').find('.foo').css('background-color', 'red')
  .end().find('.bar').css('background-color', 'green');

이 명령 체인은 첫 번째 목록에서 클래스 이름이 foo인 항목을 검색하고 배경을 빨간색으로 설정합니다. end()는 find()를 호출하기 전의 상태로 객체를 복원하므로 두 번째 find()는 li class="foo" 대신 dca0a85f515854913184fc9b15104a03 "> 일치하는 요소의 배경을 녹색으로 설정합니다. 최종 결과는 첫 번째 목록의 항목 1과 3이 배경색으로 설정되고 두 번째 목록의 항목에는 변경 사항이 없다는 것입니다.

추천 학습: "jquery 비디오 튜토리얼"

위 내용은 jquery에서 end의 사용법은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!