Client Side/Jquery
*.CSS 메서드 제어 하기
Dev. Tool
2015. 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 제어 메서드를 삭제 하는 기능도 있다.