Jquery의 종료 메소드

WBOY
풀어 주다: 2023-05-12 10:41:06
원래의
894명이 탐색했습니다.

jQuery는 JavaScript 프로그래밍을 단순화하고 프런트엔드 개발의 필수 도구 중 하나가 된 매우 인기 있는 JavaScript 라이브러리입니다. jQuery에서는 체인 작업이 DOM 요소에 대한 작업에 자주 사용됩니다. 체인 작업에서 end() 메서드는 일반적으로 사용되는 메서드로, 이전 상태로 롤백하는 데 사용됩니다. end()方法是常用的一个方法,它用于回退到之前的状态。

end()方法用于将当前选中集合重置为先前的状态。也就是说,如果在一个选择集合上进行了多个操作,那么end()方法可以用来回到之前的选择集合。

在jQuery中,end()方法可以用在链式操作中的任何位置。当链式操作中需要回退到之前的状态时,只需要调用end()方法即可。

比如,我们有一个HTML结构如下:

<div class="parent">
  <div class="child">child 1</div>
  <div class="child">child 2</div>
</div>
로그인 후 복사

我们可以使用以下代码将所有的子元素设置为红色并返回到父元素上:

$(".parent").children().css("color", "red").end();
로그인 후 복사

当我们调用end()方法时,它将回退到选择器选择.parent元素的状态,也就是说,重置了选择集合,不再作用于.child元素。

除了链式操作中使用end()方法,它还可以在其他场景中使用。比如,在获取和设置属性时,end()方法可以用来回退到最初的选择集合。以下是一个例子,用来获取元素属性并返回到之前的状态:

$(".test")
  .attr("name", "test")
  .end()
  .attr("id", "test");
로그인 후 복사

在这个例子中,我们在.test元素上设置了一个名为test的属性。然后使用end()方法回退到了最初的选择集合,也就是作用于.test元素的集合状态。然后我们使用attr()方法设置了id属性,但是这个属性不会被作用于.test元素,而是作用于选择集合之前的元素,因为我们已经使用end()方法回退到最初的选择集合。

最后,需要注意的是,end()方法只能用于链式操作中前一步所返回的的集合。如果在链式操作中使用了其他操作,end()方法将没有作用。

总之,end()

end() 메서드는 현재 선택한 컬렉션을 이전 상태로 재설정하는 데 사용됩니다. 즉, 선택 세트에 대해 여러 작업이 수행되는 경우 end() 메서드를 사용하여 이전 선택 세트로 돌아갈 수 있습니다. 🎜🎜jQuery에서 end() 메서드는 체인 작업의 어느 곳에서나 사용할 수 있습니다. 체인 작업에서 이전 상태로 돌아가야 하는 경우 end() 메서드만 호출하면 됩니다. 🎜🎜예를 들어 다음과 같은 HTML 구조가 있습니다. 🎜rrreee🎜다음 코드를 사용하여 모든 하위 요소를 빨간색으로 설정하고 이를 상위 요소로 반환할 수 있습니다. 🎜rrreee🎜 end() 메서드를 사용하면 선택기가 <code>.parent 요소를 선택하는 상태로 돌아갑니다. 즉, 선택 컬렉션이 재설정되고 더 이상 .child에 영향을 주지 않습니다. 요소. 🎜🎜체인 작업에서 end() 메서드를 사용하는 것 외에도 다른 시나리오에서도 사용할 수 있습니다. 예를 들어 속성을 가져오고 설정할 때 end() 메서드를 사용하여 원래 선택 세트로 돌아갈 수 있습니다. 다음은 요소의 속성을 가져와 이전 상태로 되돌리는 예입니다. 🎜rrreee🎜이 예에서는 .test 요소 > 속성에 test라는 새 요소를 설정합니다. . 그런 다음 end() 메서드를 사용하여 .test 요소에 작용하는 컬렉션 상태인 원래 선택 컬렉션으로 돌아갑니다. 그런 다음 attr() 메서드를 사용하여 id 속성을 ​​설정합니다. 그러나 이 속성은 .test 요소에 적용되지 않고 선택 원래 선택 컬렉션으로 대체하기 위해 end() 메서드를 사용했기 때문에 컬렉션 이전의 요소입니다. 🎜🎜마지막으로 end() 메서드는 체인 작업의 이전 단계에서 반환된 컬렉션에만 사용할 수 있다는 점에 유의해야 합니다. 체인 작업에 다른 작업이 사용되는 경우 end() 메서드는 효과가 없습니다. 🎜🎜간단히 말하면 end() 메서드는 체인 연산에서 쉽게 이전 상태로 돌아갈 수 있는 매우 실용적인 메서드입니다. 이 접근 방식을 익히면 코드 효율성이 향상되고 유지 관리가 더 쉬워집니다. 🎜

위 내용은 Jquery의 종료 메소드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿