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 제어 메서드를 삭제 하는 기능도 있다.