제이쿼리_인접선택자

<!doctype html>

<head>

<title>Document</title>

</style>

$(function(){

$(".menu").next().css("background-color","red"); //메뉴클래스 다음애! <li>세번째</li> 얘 배경색이 빨강으로 바뀐다.

});

</script>

</head>

<body>

<ul>

</ul>

</body>

</html>

.next():다음

.prev():이전

.next().next()하면 다음다음도 된다리 prev도 두번써주면 전전된다리

li:not 오대박나이거몰랏는데 css에서 이거하면 얘빼고다~! 이런거라고한다 .찾아봐야지

형제선택자~!!!!!!!!!

$(".menu").siblings().css("background-color","red"); 내빼고내 형제들!!!! 그니까 이경우에는 <li>두번째</li> 얘 빼고 다~~~~! 배경이레드가 되는것이었던 것이었떤 것이었따

$("ul").children().css("background-color","red"); //ul의 자식들 , 그러니까 li들이 쭉다 백그라운드 레드!

$("li").parent().css("background-color","red"); 이건 부모선택자! li의 부모인 ul한테 백을 주는고

JINGNEW WORLD