>  기사  >  웹 프론트엔드  >  jQuery_jquery에서 end() 사용에 대해

jQuery_jquery에서 end() 사용에 대해

WBOY
WBOY원래의
2016-05-16 18:05:081239검색

end() 메소드는 공식 API에 다음과 같이 설명되어 있습니다. "가장 최근의 "파괴적인" 작업 이전으로 돌아갑니다. 즉, 일치하는 요소 목록을 이전 상태로 변경합니다.
찾는 것 같습니다. 다음 예에서 마지막으로 작동된 요소의 이전 요소:
html 코드:

코드 복사 코드 다음과 같습니다.

테스트 콘텐츠 1

테스트 콘텐츠 2


jQuery 코드:
코드 복사 코드는 다음과 같습니다.

$('

새 콘텐츠


얻은 결과는 다음과 같습니다.
코드 복사 코드는 다음과 같습니다.

테스트 콘텐츠 1

신규 콘텐츠 추가


테스트 콘텐츠 2

콘텐츠 추가



잘 이해가 안 되네요. 왜 첫 번째

태그에만 두 가지 스타일이 있나요? end() 메서드 뒤에 무엇이 반환되나요? Firefox에서 모니터링을 추가했는데 다음과 같은 결과가 나왔습니다.
1.$ ('

새 콘텐츠

').appendTo('div')는 다음을 반환합니다: [p,p] 객체 배열, 즉 추가된 두 개의 p 태그
2.$('< p>새 콘텐츠').appendTo('div').addClass('c1')는 다음을 반환합니다. [p.c1,p.c1] 객체 배열, 즉 c1 클래스를 추가한 후의 p 객체 배열
3.$('

새 콘텐츠

').appendTo('div').addClass('c1' ).end()는 [p.c1]을 반환합니다. 두 번째 작업의

는 두 번째

입니다. 첫 번째

가 반환됩니다.
4.$('

New content').appendTo('div').addClass('c1').end ().addClass('c2')는 여전히 첫 번째

에서

를 반환합니다. 이제 조금 이해했습니다. 핵심은 마지막으로 작동된 요소의 이전 요소가 무엇인지 알아내는 것입니다. .

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.