Client Side/Jquery

토글 형태 만들기

Dev. Tool 2015. 2. 27. 20:35
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 로 반환 해 토글 형태로 만든다.