*.CSS 메서드 제어 하기
Client Side/Jquery2015. 2. 27. 20:08
div,pre { background : #FFF; padding:10px; margin:10px; }
table { border:1px solid #AAA; }
td { border:1px solid #AAA; width:25px; height:25px; }
.textStyle { font-weight:bold; color:White; }
.bgred { background-color : Red; }
$(document).ready(function () {
$("tr").addClass(function (index, currentClass) {
if (currentClass == "bgred") {
return "textStyle";
}
});
});
<바디 style="padding:10px;">
#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
<바디>
*.css 메서드를 이런식으로 Jquery 상에서 제어 할 수 있다.
$(document).ready(function () {
$("tr").removeClass(function (index, currentClass) {
if (currentClass == "bgred") {
return "textStyle";
}
});
});
*.css 제어 메서드를 삭제 하는 기능도 있다.
'Client Side > Jquery' 카테고리의 다른 글
| 자바스크립트를 제이쿼리로 하는 형식 (0) | 2015.02.28 |
|---|---|
| 토글 형태 만들기 (0) | 2015.02.27 |
| 인자값 임의 변경 (0) | 2015.02.27 |
| checkbox 전체선택 / 전체해제 (0) | 2014.12.01 |
| 업 롤링 스크립트 (0) | 2014.11.27 |