jquery 계층 선택 기 siblings 와 nextAll 의 차이 점 소개

HTML 코드:
 
<div>
<div >1</div>
<div class="one">
2
<div>2_1
<div>2_1_1</div>
</div>
<div>2_2</div>
</div>
<div>3</div>
<div>4</div>
</div>
$(".one div").css("background","red") // .one DIV ( : .....)
$(".one > div").css("background","red") // .one 。( : ....)
$(".one + div").css("background","red") // .one 。 .one 。
$(".one").next().css("background","red") //
$(".one ~ div").css("background","red") //.one 。
$(".one").nextAll().css("background","red") //
$(".one").siblings().css("background","red") // .one , 。

좋은 웹페이지 즐겨찾기