<./>.dev./hood

div,pre { background : #FFF; padding:10px; margin:10px; }
        table { border:1px solid #AAA; }
        td { border:1px solid #AAA; width:25px; height:25px; }
        .selected { font-weight:bold; color:White; background-color : Red;}


$(document).ready(function () {
            $("td").click(function () {
                var obj = $(this);
                obj.toggleClass("selected");
            });
        });


<바디 style="padding:10px;">
    

jQuery 시작 Selector

jQuery에 대한 자세한 내용을 보려면 jquery.com 을 방문하세요.

#1#2#3#4#5
#6#7#8#9#10
#11#12#13#14#15
#16#17#18#19#20
#21#22#23#24#25


선택 한 개체 True/False 로 반환 해 토글 형태로 만든다.

'Client Side > Jquery' 카테고리의 다른 글

클릭 이벤트  (0) 2015.02.28
자바스크립트를 제이쿼리로 하는 형식  (0) 2015.02.28
*.CSS 메서드 제어 하기  (0) 2015.02.27
인자값 임의 변경  (0) 2015.02.27
checkbox 전체선택 / 전체해제  (0) 2014.12.01