1 지정된 일련 번호가 있는 컬렉션에서 html 요소를 가져옵니다. 코드 복사 코드는 다음과 같습니다. 0 1 🎜>3 5 6 7< /p> JS 코드는 다음과 같습니다. </a>jQuery(function(){ </span>$("p").eq (2).css("color" ,"red") </div>$("p").eq(3).css("color","red") <div class="codebody" id="code8919">< ;/script> <br><br> <br>2 지정된 조건과 지정된 범위가 일치하는 요소 가져오기<br>html: <br><br><br> </div> <br>코드 복사<br><br><div class="codetitle"> 코드는 다음과 같습니다.<span><a style="CURSOR: pointer" data="86893" class="copybut" id="copybut86893" onclick="doCopy('code86893')"> <u><div> </u><p>0</p> </a><p>1</p> <p class="center">2< /p> </span><p class="center">3</p> </div><p>4</p> p>5 <div class="codebody" id="code86893"> <p>7</p> <br><br> <br>JS <br><br><br><br>코드 복사<br><br><br> 코드는 다음과 같습니다.</div> <br> <br><script type="text/javascript"> function(){ <div class="codetitle">$ ("p").filter('.center').css("color","red") <span>}) <a style="CURSOR: pointer" data="26414" class="copybut" id="copybut26414" onclick="doCopy('code26414')">$(function(){ <u> $("p").slice (5,7).css("color","yellow") </u>}) </a> 3 요소 가져오기 조건식과 일치html: 코드 복사 코드는 다음과 같습니다. 0 1 2 3 45 p>6 7 js 코드 복사 코드는 다음과 같습니다. 🎜>$("p").each(function( ){ </div>switch(true){ <br>case $(this).is(".center"): <br>$(this).css( "color","red"); <div class="codetitle">break <span>case $(this).is(".aa"): <a style="CURSOR: pointer" data="90097" class="copybut" id="copybut90097" onclick="doCopy('code90097')">$(this).css("color","yellow"); <u>break; </u>} </a>} ) </span>}) </div> 4 요소의 이전 요소와 다음 요소 가져오기 HTML: 코드 복사 코드는 다음과 같습니다. 1번2번 3번4 🎜>아니요. 7< /p> js 코드 복사 코드는 다음과 같습니다. //요소의 다음 요소 가져오기jQuery(function(){ $ ("p").next(".yes").css("color", "red") }) //요소의 이전 요소 가져오기jQuery(function() { $("p").prev(".yes").css( "color","red") }) 5 상위 요소를 가져오고 요소의 하위 요소 html: 코드 복사 코드는 다음과 같습니다. 1번2번 3 5 "예" 7 코드 복사 코드는 다음과 같습니다. //요소의 상위 요소 가져오기 jQuery( function(){ $("p").parent().css("color","red"); }) //의 하위 요소를 가져옵니다. 요소jQuery(function (){ $("#aa").children(".yes").css("color","red"); })
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
