토글 형태 만들기
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 |