原生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 相关文章推荐
IE中jscript/javascript的条件编译
Sep 07 Javascript
JS Excel读取和写入操作(模板操作)实现代码
Apr 11 Javascript
jquery插件如何使用 jQuery操作Cookie插件使用介绍
Dec 15 Javascript
jQuery插件实现屏蔽单个元素使用户无法点击
Apr 12 Javascript
Javascript实现div层渐隐效果的方法
May 30 Javascript
js计算时间差代码【包括计算,天,时,分,秒】
Apr 26 Javascript
BootStrap轻松实现微信页面开发代码分享
Oct 21 Javascript
vue.js使用3DES加密的方法示例
May 18 Javascript
js实现ATM机存取款功能
Oct 27 Javascript
webpack4手动搭建Vue开发环境实现todoList项目的方法
May 16 Javascript
深入理解webpack process.env.NODE_ENV配置
Feb 23 Javascript
Vue 打包体积优化方案小结
May 20 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
递归列出所有文件和目录
2006/10/09 PHP
加强版phplib的DB类
2008/03/31 PHP
PHP根据图片色界在不同位置加水印的方法
2015/07/01 PHP
PHP实现UTF8二进制及明文字符串的转化功能示例
2017/11/20 PHP
关于laravel 数据库迁移中integer类型是无法指定长度的问题
2019/10/09 PHP
你的编程语言可以这样做吗?
2006/09/07 Javascript
JSON 客户端和服务器端的格式转换
2009/08/27 Javascript
Javascript创建Silverlight Plugin以及自定义nonSilverlight和lowSilverlight样式
2010/06/28 Javascript
jQuery获取css z-index在各种浏览器中的返回值
2010/09/15 Javascript
jQuery学习笔记[1] jQuery中的DOM操作
2010/12/03 Javascript
当鼠标移动时出现特效的JQuery代码
2013/11/08 Javascript
websocket+node.js实现实时聊天系统问题咨询
2017/05/17 Javascript
jquery请求servlet实现ajax异步请求的示例
2017/06/03 jQuery
JS/jQuery实现简单的开关灯效果【案例】
2019/02/19 jQuery
Angular value与ngValue区别详解
2019/11/27 Javascript
Vue插件之滑动验证码用法详解
2020/04/05 Javascript
python分割和拼接字符串
2013/11/01 Python
python实现文件分组复制到不同目录的例子
2014/06/04 Python
python逐行读写txt文件的实例讲解
2018/04/03 Python
查看TensorFlow checkpoint文件中的变量名和对应值方法
2018/06/14 Python
Python3实现获取图片文字里中文的方法分析
2018/12/13 Python
Python 控制终端输出文字的实例
2019/07/12 Python
Django model update的多种用法介绍
2020/03/28 Python
Python如何使用argparse模块处理命令行参数
2019/12/11 Python
python日期与时间戳的各种转换示例
2020/02/12 Python
Python3 assert断言实现原理解析
2020/03/02 Python
Python Scrapy框架:通用爬虫之CrawlSpider用法简单示例
2020/04/11 Python
Python ORM框架Peewee用法详解
2020/04/29 Python
html5 canvas fillRect坐标和大小的问题解决方法
2014/03/26 HTML / CSS
原装进口全世界:天猫国际
2016/08/03 全球购物
澳大利亚男士西服品牌:M.J.Bale
2018/02/06 全球购物
介绍一下gcc特性
2012/01/20 面试题
艺术设计专业个人求职信
2014/04/10 职场文书
财产保全担保书
2015/01/20 职场文书
2016年端午节寄语
2015/12/04 职场文书
详解CocosCreator项目结构机制
2021/04/14 Javascript