DJ메탈짱™의 Free Style

[Jquery] javascript addClass, removeClass, hasClass #정규식 본문

일(job)/FRONT

[Jquery] javascript addClass, removeClass, hasClass #정규식

뽀&쏭 2016. 1. 21. 13:13




function hasClass(ele,cls) {

return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));

}

function addClass(ele,cls) {

if (!this.hasClass(ele,cls)) ele.className += " "+cls;

}

function removeClass(ele,cls) {

if (hasClass(ele,cls)) {

var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)');

ele.className=ele.className.replace(reg,' ');

}

}

//call the functions

addClass(document.getElementById("test")"test");

removeClass(document.getElementById("test")"test")

if(hasClass(document.getElementById("test")"test")){//do something};

출처 : http://snipplr.com/view/3561/addclass-removeclass-hasclass/


[추가 내용...]

위와 같이 javascript함수를 만들어서 사용하지만....

addClass, removeClass, hasClass 함수는 jQuery에선 기본적으로 제공하는 함수.

$('#test').addClass('test');

$('#test').removeClass('test');

$('#test').hasClass('test');