*.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 |