jQuery_jquery의 end() 메소드 사용 예

이 기사의 예에서는 jQuery의 end() 메소드 사용법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

end() 메서드는 최신 "파괴" 작업 이전으로 돌아갈 수 있습니다. 즉, 일치하는 요소 목록을 이전 상태로 변경할 수 있습니다.
파괴적인 작업이 없으면 빈 세트가 반환됩니다.
파괴적인 작업의 개념: 일치하는 요소를 변경하는 모든 작업을 나타냅니다. 아마도 모두가 이 개념에 대해 모호할 것입니다. 예를 들면 다음과 같습니다.

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

$("li").css("color","red ");

위 코드의 CSS 함수는 일치하는 요소 목록이 변경되지 않지만 요소에 있는 텍스트 콘텐츠의 CSS 속성이 변경되므로 파괴적인 작업이 아닙니다.

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

$("li").find(".first")

위의 코드는 일치하는 요소 목록이 변경되었기 때문에 파괴적인 작업입니다. 예를 들어 li 요소가 3개 있으면 일치하는 요소 목록에는 3개의 요소가 있습니다. 그러나 find() 메서드를 사용하여 필터링한 후에는 일치하는 요소에는 요소가 하나만 있습니다. 여기서 "파괴적인" 작업이 발생합니다.

문법 구조:

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

$(selector).end()

예제 코드:

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

<스크립트 유형="텍스트/자바스크립트"> $(문서).ready(함수(){
$(".first").find(".div").css("color","green")
$(".second").find(".div").end().css("color","blue")
$(".third").find(".js").css("color","blue").end().css("color","red")
})

• HTML 영역


• 자바스크립트 영역


• Div Css Zone


• Jquery Zone





• HTML 영역


• 자바스크립트 영역


• Div Css Zone


• Jquery Zone





• HTML 영역


• 자바스크립트 영역


• Div Css Zone


• Jquery Zone