이 기사의 예에서는 jQuery 애플리케이션에서 jQuery 체인을 사용하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다. jQuery 문을 함께 연결할 수 있는 경우가 많으며, 이는 코드 길이를 단축할 뿐만 아니라 종종 특수 효과를 얻습니다. 먼저 다음 코드를 살펴보세요. 코드 복사 코드는 다음과 같습니다. <br> $(함수() {<br> $("div").addClass("css1").filter(function(index) {<br> 반환 인덱스 == 1 || $(this).attr("id") == "네 번째";<br> }).addClass("css2");<br> });<br> </div> <p>위 코드는 전체 <div> 목록에 css1 스타일을 추가한 다음 이를 필터링한 다음 필터링된 요소에 개별적으로 css2 스타일을 추가합니다. jQuery가 없으면 위의 효과를 얻기가 매우 어려울 것입니다. </p> <p>jQuery 체인에서 후속 작업은 이전 작업의 결과를 개체로 사용합니다. 작업 개체가 이전 단계의 개체가 되도록 하려면 end() 메서드를 사용할 수 있습니다. </p> <p><strong>jQuery 체인을 제어하려면 end() 메소드를 사용하세요. <br> </strong></p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="41318" class="copybut" id="copybut41318" onclick="doCopy('code41318')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code41318"><script type="text/javascript"> <br> $(함수() {<br> $("p").find("span").addClass("css1").end().addClass("css2");<br> });<br> <br> <p>안녕하세요,<span>잘 지내세요</span></p><br> <span>정말 좋네요</span>감사합니다.</div> <p>위 코드는 <p>에서 <span> 태그를 검색한 다음 스타일 css1을 추가하고 end() 메서드를 사용하여 작업 개체를 다시 $("p")로 설정하고 스타일 스타일 css2를 추가합니다. </p> <p>또한 andSelf()를 통해 이전 두 개체를 결합하여 함께 처리할 수도 있습니다. </p> <p><strong>jQuery 체인을 제어하려면 andSelf() 메서드를 사용하세요. <br> </strong></p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="19292" class="copybut" id="copybut19292" onclick="doCopy('code19292')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code19292"><script type="text/javascript"> <br> $(함수() {<br> $("div").find("p").addClass("css1").andSelf().addClass("css2");<br> });<br> <br> <div><br> <p>첫 번째 문단</p><br> <p>두 번째 문단</p><br> </div> <p>위의 jQuery 코드는 먼저 <div>에서 <p> 태그를 검색하고 css1을 추가한 다음 <p> 태그에만 유효합니다. div> 및 <p>를 결합한 다음 스타일 css2를 추가합니다. 이 스타일은 <div>에 모두 유효합니다. </p> <p>효과: <br> </p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="58813" class="copybut" id="copybut58813" onclick="doCopy('code58813')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code58813"><div class="css2"><br> <p class="css1 css2">첫 번째 단락</p><br> <p class="css1 css2">두 번째 단락</p><br> </div> <p>이 기사가 모든 사람의 jQuery 프로그래밍에 도움이 되기를 바랍니다. </p>