집 >웹 프론트엔드 >JS 튜토리얼 >jQuery의 end() method_jquery에 대한 자세한 설명

jQuery의 end() method_jquery에 대한 자세한 설명

WBOY원래의: 2016-05-16 15:50:151263검색

end() 메소드 정의 및 사용법:

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

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

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

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

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

$(selector).end()

예제 코드:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>脚本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){ 
 $(".first").find(".div").css("color","green"); 
 $(".second").find(".div").end().css("color","blue"); 
 $(".third").find(".js").css("color","blue").end().css("color","red") 
}) 
</script>
</head>
<body>
<div>
 <ul class="first">
  <li>HTML专区</li>
  <li>Javascript专区</li>
  <li class="div">Div+Css专区</li>
  <li>Jquery专区</li>
 </ul>
 <ul class="second">
  <li>HTML专区</li>
  <li>Javascript专区</li>
  <li class="div">Div+Css专区</li>
  <li>Jquery专区</li>
 </ul>
 <ul class="third">
  <li>HTML专区</li>
  <li class="js">Javascript专区</li>
  <li>Div+Css专区</li>
  <li>Jquery专区</li>
 </ul>
</div>
</body>
</html>

위 내용은 이 글의 전체 내용입니다. 모두 마음에 드셨으면 좋겠습니다.

성명：

이전 기사：jQuery는 단순히 확인 이메일 format_jquery를 구현합니다.다음 기사：jQuery는 단순히 확인 이메일 format_jquery를 구현합니다.

jQuery의 end() method_jquery에 대한 자세한 설명

관련 기사