원생 JS 를 사용 하여 jQuery 의 addClass,removeClass,hasClass 함수 기능 을 실현 합 니 다.
1348 단어 웹 전단
1.addClass: dom
2.removeClass: dom
3.toggleClass: ( ), ( )
4.hasClass:
function addClass(obj, cls){
var obj_class = obj.className,// class .
blank = (obj_class != '') ? ' ' : '';// class , ' '.
added = obj_class + blank + cls;// class class.
obj.className = added;// class.
}
function removeClass(obj, cls){
var obj_class = ' '+obj.className+' ';// class , . ex) 'abc bcd' -> ' abc bcd '
obj_class = obj_class.replace(/(\s+)/gi, ' '),// . ex) ' abc bcd ' -> ' abc bcd '
removed = obj_class.replace(' '+cls+' ', ' ');// class class. ex) ' abc bcd ' -> 'bcd '
removed = removed.replace(/(^\s+)|(\s+$)/g, '');// . ex) 'bcd ' -> 'bcd'
obj.className = removed;// class.
}
function hasClass(obj, cls){
var obj_class = obj.className,// class .
obj_class_lst = obj_class.split(/\s+/);// split cls .
x = 0;
for(x in obj_class_lst) {
if(obj_class_lst[x] == cls) {// , cls
return true;
}
}
return false;
}