原生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方法的主要内容,如果未能解决你的问题,请参考以下文章

原生JS封装ajax方法

Jquery。

关于JQuery的技巧易错点(连载中.....)

用JQuery实现ajax技术的常用方法

原生JS封装AJAX

原生js如何绑定a连接点击事件?