메뉴 로그인 검색

웹퍼블리셔 온.오프라인 교육센타

마크업기초교육입니다

HTML5강좌

HTML기초.중급.개념.용어강의

바로가기

CSS3강좌

CSS기초.중급.고급.개념.용어강의입니다

바로가기

jQuery강좌

jQuery기초.중급.개념.용어강의입니다

바로가기

개인교습.세미나신청


<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() 앞의 요소의 하위요소(자식)

TOTAL COMMENTS : 0

이 게시물은 댓글을 달 수 없습니다.

LOGIN

SEARCH

MENU NAVIGATION