이전 예에서 jQuery 문을 함께 연결할 수 있는데, 이는 코드 길이를 단축할 뿐만 아니라 종종 특수 효과를 얻습니다. 코드 복사 코드는 다음과 같습니다. <br> $(function() {<br> $("div").addClass("css1").filter(function(index) {<br> 반환 인덱스 == 1 || $(this).attr("id") == "네 번째";<br> }).addClass("css2");<br> });<br> > <br> </div> 위 코드는 전체 <div> 목록에 css1 스타일을 추가한 다음 이를 필터링한 다음 필터링된 요소에 개별적으로 css2 스타일을 추가합니다. jQuery가 없으면 위의 효과를 얻기가 매우 어려울 것입니다. <p> </p>jQuery 체인에서 후속 작업은 이전 작업의 결과를 개체로 사용합니다. 작업 개체가 이전 단계의 개체가 되도록 하려면 end() 메서드를 사용할 수 있습니다. <p> </p>jQuery 체인을 제어하려면 end() 메서드를 사용하세요. <p> </p> <p></p> <div class="codetitle"><span><a style="CURSOR: pointer" data="16899" class="copybut" id="copybut16899" onclick="doCopy('code16899')">코드 복사<u></u></a> 코드는 다음과 같습니다.</span></div> <div class="codebody" id="code16899"> <script type="text/javascript"><br> $(function() {<br> $("p").find("span").addClass("css1").end().addClass("css2");<br> });<br> > ~ & Lt; 아주 좋습니다 & lt;/span & gt; 감사합니다. <br><br> <br>위 코드는 <p>에서 <span> 태그를 검색한 다음 스타일 css1을 추가하고 end() 메서드를 사용하여 작업 개체를 다시 $("p")로 설정하고 스타일 스타일 css2를 추가합니다. <br> </div>또한 andSelf()를 통해 이전 두 개체를 결합하여 함께 처리할 수도 있습니다. <p>jQuery 체인을 제어하려면 andSelf() 메서드를 사용하세요. </p> <p></p> <p></p> <p>코드 복사</p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="94873" class="copybut" id="copybut94873" onclick="doCopy('code94873')"> 코드는 다음과 같습니다.<u></u></a> <script type="text/javascript"></span> $(function() {</div> $("div").find("p").addClass("css1").andSelf().addClass("css2");<div class="codebody" id="code94873"> });<br> > > > > > <br><br> <br>위의 jQuery 코드는 먼저 <div>에서 <p> 태그를 검색하고 css1을 추가한 다음 <p> 태그에만 유효합니다. div> 및 <p>를 결합한 다음 스타일 css2를 추가합니다. 이 스타일은 <div>에 모두 유효합니다. <br> <br>효과: <br> <br><br><br> </div>코드 복사<p></p> <p> 코드는 다음과 같습니다.</p> <p></p> <div class="codetitle"> <div class="css2"><span> <p class="css1 css2">첫 번째 단락</p><a style="CURSOR: pointer" data="34394" class="copybut" id="copybut34394" onclick="doCopy('code34394')"> <p class="css1 css2">두 번째 단락</p><u> > </u></a></span> </div>