토글 형태 만들기
Client Side/Jquery2015. 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 로 반환 해 토글 형태로 만든다.
'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 |