<script type="text/javascript">
$(document).ready(
function(){
//a태그를 클릭하면 실행하시오(클릭한a에 클래스sb를 붙이시오);
//객체.메서드() > $().메서드(); > $("").메서드();
$("a").click(
function(){
//클릭한a에 클래스sb를 붙이시오 this addClass();
//객체.메서드() > $().메서드(); > $("").메서드();
$(this).addClass("sb");
//클릭한 a의 상위요소,그 상위요소를 제외한 나머지 형제요소,그 형제요소의 하위요소a의 클래스sb를 제거하시오
$(this).parent().siblings().children("a").removeClass();
}
);
}
);
</script>
parent() 앞의 요소의 상위요소(부모)
children() 앞의 요소의 하위요소(자식)
12 | animate() | 25 |
11 | slideUp(); | 23 |
10 | 메서드 체인 | 24 |
» | 탐색자 parent(),children() | 116 |
8 | siblings() | 23 |
7 | this선택자 | 26 |
6 | hover()메서드 | 23 |
5 | $(document).ready(); | 24 |
4 | 제이쿼리 뼈대 / 객체.메서드(); | 20 |
3 | css()메서드: 단일속성지정,다중속성지정하기 | 21 |
2 | 자바스크립트 기재위치2 | 23 |
1 | 제이쿼리연결하기 | 72 |