이 기사의 예에서는 jQuery 체인 작업을 설명합니다. 참고하실 수 있도록 모든 사람과 공유하세요. 자세한 내용은 다음과 같습니다.
과거의 예를 통해 우리는 jQuery 문을 서로 연결할 수 있다는 것을 알고 있으며, 이는 코드 길이를 단축할 뿐만 아니라 종종 특수 효과를 얻을 수도 있습니다.
<script type="text/javascript">
$(function() {
$("div").addClass("css1").filter(function(index) {
return index == 1 || $(this).attr("id") == "fourth";
}).addClass("css2");
});
</script>
위 코드는 전체
jQuery 체인에서 후속 작업은 이전 작업의 결과를 개체로 사용합니다. 작업 개체가 이전 단계의 개체가 되도록 하려면 end() 메서드를 사용할 수 있습니다.
jQuery 체인을 제어하려면 end() 메소드를 사용하세요.
<script type="text/javascript">
$(function() {
$("p").find("span").addClass("css1").end().addClass("css2");
});
</script>
<p>Hello,<span>how</span>are you?</p>
<span>very nice,</span>Thank you.
위 코드는
에서 태그를 검색한 다음 스타일 css1을 추가하고 end() 메서드를 사용하여 작업 개체를 다시 $("p")로 설정하고 스타일 스타일 css2를 추가합니다.
또한 andSelf()를 통해 이전 두 개체를 결합하여 함께 처리할 수도 있습니다.
jQuery 체인을 제어하려면 andSelf() 메서드를 사용하세요.
<script type="text/javascript">
$(function() {
$("div").find("p").addClass("css1").andSelf().addClass("css2");
});
</script>
<div>
<p>第一段</p>
<p>第二段</p>
</div>
위의 jQuery 코드는 먼저
태그를 검색하고 css1을 추가한 다음
태그에만 유효합니다. div> 및
를 결합한 다음 스타일 css2를 추가합니다. 이 스타일은
작동 효과는 다음과 같습니다.
<div class="css2"> <p class="css1 css2">第一段</p> <p class="css1 css2">第二段</p> </div>
이 기사가 jQuery 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
