原生js封装的一些jquery方法
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了原生js封装的一些jquery方法相关的知识,希望对你有一定的参考价值。
用js封装一些常用的jquery方法 记录一下
hasClass:判断是否有class
function hasClass(ele, cls) {
if (!ele || !cls) return false;
if (ele.classList) {
return ele.classList.contains(cls);
} else {
return ele.className.match(new RegExp(‘(\\s|^)‘ + cls + ‘(\\s|$)‘));
}
}
addClass:增加class
function addClass(ele, cls) {
if (ele.classList) {
ele.classList.add(cls); } else { if (!hasClass(ele, cls)) ele.className += ‘‘ + cls;
} }
removeClass:移除class
function removeClass(ele, cls) { if (ele.classList) { ele.classList.remove(cls); } else {
ele.className = ele.className.replace(new RegExp(‘(^|\\b)‘ + className.split(‘ ‘).join(‘|‘) + ‘(\\b|$)‘, ‘gi‘), ‘ ‘);
} }
以上是关于原生js封装的一些jquery方法的主要内容,如果未能解决你的问题,请参考以下文章