原生js封装的一些jquery方法(详解)


Posted in Javascript onSeptember 20, 2016

用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方法(详解)的全部内容了,希望对大家有所帮助,多多支持三水点靠木~

Javascript 相关文章推荐
jquery实现tr元素的上下移动示例代码
Dec 20 Javascript
Angularjs编写KindEditor,UEidtor,jQuery指令
Jan 28 Javascript
AngularJS的表单使用详解
Jun 17 Javascript
使用AngularJS制作一个简单的RSS阅读器的教程
Jun 18 Javascript
使用AngularJS处理单选框和复选框的简单方法
Jun 19 Javascript
SublimeText自带格式化代码功能之reindent
Dec 27 Javascript
js实现密码强度检测【附示例】
Mar 30 Javascript
微信+angularJS的SPA应用中用router进行页面跳转,jssdk校验失败问题解决
Sep 09 Javascript
原生js实现新闻列表展开/收起全文功能
Jan 20 Javascript
js经验分享 JavaScript反调试技巧
Mar 10 Javascript
js html实现计算器功能
Nov 13 Javascript
vue 使用 v-model 双向绑定父子组件的值遇见的问题及解决方案
Mar 01 Vue.js
jQuery实现的自定义滚动条实例详解
Sep 20 #Javascript
jQuery在ie6下无法设置select选中的解决方法详解
Sep 20 #Javascript
jQuery简单倒计时效果完整示例
Sep 20 #Javascript
AngularJS中$watch和$timeout的使用示例
Sep 20 #Javascript
jQuery实现的网页换肤效果示例
Sep 20 #Javascript
jQuery实现导航滚动到指定内容效果完整实例【附demo源码下载】
Sep 20 #Javascript
jquery实现的回旋滚动效果完整实例【附demo源码下载】
Sep 20 #Javascript
You might like
解析php中的escape函数
2013/06/29 PHP
div li的多行多列 无刷新分页示例代码
2013/10/16 PHP
php多个文件及图片上传实例详解
2014/11/10 PHP
Gambit vs CL BO3 第三场 2.13
2021/03/10 DOTA
犀利的js 函数集合
2009/06/11 Javascript
jQuery UI Autocomplete 1.8.16 中文输入修正代码
2012/04/16 Javascript
js中return false(阻止)的用法
2013/08/14 Javascript
B/S模式项目中常用的javascript汇总
2013/12/17 Javascript
JavaScript中的函数模式详解
2015/02/11 Javascript
jQuery实现径向动画菜单效果
2015/07/17 Javascript
微信小程序 require机制详解及实例代码
2016/12/14 Javascript
javascript DOM的详解及实例代码
2017/03/06 Javascript
移动端使用localResizeIMG4压缩图片
2017/04/22 Javascript
node.js中grunt和gulp的区别详解
2017/07/17 Javascript
ReactNative页面跳转Navigator实现的示例代码
2017/08/02 Javascript
微信小程序支付之c#后台实现方法
2017/10/19 Javascript
微信小程序网络层封装的实现(promise, 登录锁)
2019/05/08 Javascript
JS使用Chrome浏览器实现调试线上代码
2020/07/23 Javascript
深入了解JavaScript词法作用域
2020/07/29 Javascript
JS实现密码框效果
2020/09/10 Javascript
JavaScript常用进制转换及位运算实例解析
2020/10/14 Javascript
python 解析XML python模块xml.dom解析xml实例代码
2014/02/07 Python
python在linux中输出带颜色的文字的方法
2014/06/19 Python
Python多线程编程(二):启动线程的两种方法
2015/04/05 Python
Python多线程和队列操作实例
2015/06/21 Python
Python简单处理坐标排序问题示例
2019/07/11 Python
Django中的静态文件管理过程解析
2019/08/01 Python
泰国的头号网上婴儿用品店:Motherhood.co.th
2019/04/09 全球购物
校园报刊亭的创业计划书
2014/01/02 职场文书
高一历史教学反思
2014/01/13 职场文书
日本语毕业生自荐信
2014/02/01 职场文书
成品库仓管员岗位职责
2014/04/06 职场文书
2014年老干部工作总结
2014/11/21 职场文书
大学生创业事迹材料
2014/12/30 职场文书
分析Java中Map的遍历性能问题
2021/06/26 Java/Android
一篇文章弄懂Python中的内建函数
2021/08/07 Python