Notice
Recent Posts
Recent Comments
Link
«   2024/04   »
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 26 27
28 29 30
Archives
Today
Total
관리 메뉴

web sprit

[jQuery] class 변경, 추가(addClass), 삭제(removeClass) 본문

스크립트/J-Query

[jQuery] class 변경, 추가(addClass), 삭제(removeClass)

커드만 2014. 9. 5. 16:36

직관적으로 사용하면 된다.


class의 변경의 경우 attr이라는 메소드를 호출해야 하며,


$(this).attr('class','class_name');


처럼 이용할 수 있다.



class의 추가와 삭제 또한 돌직구 처럼~


$(this).addClass("class_name");

$(this).removeClass("class_name");


처럼 사용하면 된다.


css의 기본이 숙지되어 있다면, 변경과 추가,삭제는 어떻게 다른지 아실터...

(변경은 말그대로 기존의 class를 버리고 교체.)

(추가는 class="class_1 class_2" 와 같은 방식..추가,삭제!)



참고로 아직 쓸일이 없어서 사용해보지는 않았지만....


클래스의 유무를 판단해주는 

.hasClass(); //반환값으로는 true는 1로, false는 0으로 반환한다.


토글방식으로 클래스를 추가, 삭제 해주는

.toggleClass();

등이 있다!

Comments