原生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 相关文章推荐
表单的焦点顺序tabindex和对应enter键提交
Jan 04 Javascript
jQuery.Validate验证库的使用介绍
Apr 26 Javascript
js写一个字符串转成驼峰的实例
Jun 21 Javascript
CSS中position属性之fixed实现div居中
Dec 14 Javascript
javaScript数组迭代方法详解
Apr 14 Javascript
JS实现的系统调色板完整实例
Dec 21 Javascript
react+redux的升级版todoList的实现
Dec 18 Javascript
简易Vue评论框架的实现(父组件的实现)
Jan 08 Javascript
原生JS实现的放大镜特效示例【测试可用】
Dec 08 Javascript
React中this丢失的四种解决方法
Mar 12 Javascript
详解微信小程序支付流程与梳理
Jul 16 Javascript
微信小程序使用前置摄像头拍照
Oct 22 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中strtr字符串替换用法详解
2014/11/26 PHP
PHP使用stream_context_create()模拟POST/GET请求的方法
2016/04/02 PHP
简单解决微信文章图片防盗链问题
2016/12/17 PHP
PHP命令Command模式用法实例分析
2018/08/08 PHP
详解no input file specified 三种解决方法
2019/11/29 PHP
深入理解JavaScript系列(46):代码复用模式(推荐篇)详解
2015/03/04 Javascript
基于JQuery实现图片上传预览与删除操作
2016/05/24 Javascript
AngularJS实现按钮提示与点击变色效果
2016/09/07 Javascript
如何使用Bootstrap创建表单
2017/03/29 Javascript
Vuejs实现带样式的单文件组件新方法
2017/05/02 Javascript
基于vue-simplemde实现图片拖拽、粘贴功能
2018/04/12 Javascript
JavaScript常见JSON操作实例分析
2018/08/08 Javascript
JS函数节流和防抖之间的区分和实现详解
2019/01/11 Javascript
实现一个Vue自定义指令懒加载的方法示例
2020/06/04 Javascript
Javascript实现关闭广告效果
2021/01/29 Javascript
[01:37]DOTA2超级联赛专访ChuaN 传奇般的电竞之路
2013/06/19 DOTA
[03:04]DOTA2超级联赛专访ZSMJ “莫名其妙”的逆袭
2013/05/23 DOTA
python实现的生成随机迷宫算法核心代码分享(含游戏完整代码)
2014/07/11 Python
零基础写python爬虫之使用Scrapy框架编写爬虫
2014/11/07 Python
Python中比较特别的除法运算和幂运算介绍
2015/04/05 Python
Python环境下搭建属于自己的pip源的教程
2016/05/05 Python
PyQt5每天必学之工具提示功能
2018/04/19 Python
详谈Pandas中iloc和loc以及ix的区别
2018/06/08 Python
python实现批量处理将图片粘贴到另一张图片上并保存
2019/12/12 Python
spyder 在控制台(console)执行python文件,debug python程序方式
2020/04/20 Python
python 使用三引号时容易犯的小错误
2020/10/21 Python
分享PyCharm最新激活码(真永久激活方法)不用每月找安装参数或最新激活码了
2020/12/27 Python
Mybag美国/加拿大:英国奢华包包和名牌手袋网站
2020/02/16 全球购物
诚信承诺书范文
2014/03/27 职场文书
给小学生的新年寄语
2014/04/04 职场文书
校园广播稿精选
2014/10/01 职场文书
2015清明节祭奠英烈寄语大全
2015/03/04 职场文书
校园歌手大赛主持词
2015/07/03 职场文书
Pandas-DataFrame知识点汇总
2022/03/16 Python
我们认为中短波广播场强仪的最佳组合
2022/04/05 无线电
win10系统xps文件怎么打开?win10打开xps文件的两种操作方法
2022/07/23 数码科技