原生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 相关文章推荐
Mootools 1.2教程 正则表达式
Sep 15 Javascript
DD_belatedPNG,IE6下PNG透明解决方案(国外)
Dec 06 Javascript
jquery向.ashx文件post中文乱码问题的解决方法
Mar 28 Javascript
html5 canvas js(数字时钟)实例代码
Dec 23 Javascript
基于javascript实现图片懒加载
Jan 05 Javascript
angularjs ui-router中路由的二级嵌套
Mar 10 Javascript
Cropper.js 实现裁剪图片并上传(PC端)
Aug 20 Javascript
Angular2学习笔记之数据绑定的示例代码
Jan 03 Javascript
详解基于vue-cli3.0如何构建功能完善的前端架子
Oct 09 Javascript
vue 使用vue-i18n做全局中英文切换的方法
Oct 29 Javascript
vue实现随机验证码功能的实例代码
Apr 30 Javascript
React 父子组件通信的实现方法
Dec 05 Javascript
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中去掉字符串首尾空格的方法
2012/05/19 PHP
PHP使用http_build_query()构造URL字符串的方法
2016/04/02 PHP
thinkphp集成前端脚手架Vue-cli的教程图解
2018/08/30 PHP
php实现图片压缩处理
2020/09/09 PHP
JS的递增/递减运算符和带操作的赋值运算符的等价式
2007/12/08 Javascript
如何解决Jquery库及其他库之间的$命名冲突
2013/09/15 Javascript
使用CSS样式position:fixed水平滚动的方法
2014/02/19 Javascript
牛叉的Jquery——Jquery与DOM对象的互相转换及DOM的三种操作
2015/10/29 Javascript
Bootstrap 模态框实例插件案例分析
2016/12/28 Javascript
JQuery Ajax 异步操作之动态添加节点功能
2017/05/24 jQuery
基于require.js的使用(实例讲解)
2017/09/07 Javascript
基于vue监听滚动事件实现锚点链接平滑滚动的方法
2018/01/17 Javascript
JavaScript事件委托原理与用法实例分析
2018/06/07 Javascript
利用JavaScript缓存远程窃取Wi-Fi密码的思路详解
2018/11/05 Javascript
详解js中的原型,原型对象,原型链
2020/07/16 Javascript
[01:08:00]Fnatic vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python SQLAlchemy基本操作和常用技巧(包含大量实例,非常好)
2014/05/06 Python
Python中使用语句导入模块或包的机制研究
2015/03/30 Python
Python脚本判断 Linux 是否运行在虚拟机上
2015/04/25 Python
python访问抓取网页常用命令总结
2017/04/11 Python
python如何生成网页验证码
2018/07/28 Python
pycharm重命名文件的方法步骤
2019/07/29 Python
python不相等的两个字符串的 if 条件判断为True详解
2020/03/12 Python
最简单的matplotlib安装教程(小白)
2020/07/28 Python
Python爬虫教程之利用正则表达式匹配网页内容
2020/12/08 Python
用css3实现当鼠标移进去时当前亮其他变灰效果
2014/04/08 HTML / CSS
Viking比利时:购买办公用品
2019/10/30 全球购物
什么情况下你必须要把一个类定义为abstract的
2013/01/06 面试题
中职应届生会计求职信
2013/10/23 职场文书
机械系大学毕业生推荐信
2013/11/27 职场文书
市场部岗位职责
2015/02/12 职场文书
人工作失职检讨书
2015/05/05 职场文书
工作态度恶劣检讨书
2015/05/06 职场文书
导游词之新疆-喀纳斯
2019/10/10 职场文书
React Native项目框架搭建的一些心得体会
2021/05/28 Javascript
golang使用map实现去除重复数组
2022/04/14 Golang