【原生js addclass,hasClass,removeClass,toggleClass的兼容】的更多相关文章

原生js addclass,hasClass,removeClass,toggleClass的兼容

(function (window) { 'use strict'; // class helper functions from bonzo https://github.com/ded/bonzo function classReg(className) { return new RegExp("(^|\\s+)" + className + "(\\s+|$)"); } // classList support for class management //…

基于原生js的返回顶部组件，兼容主流浏览器

基于原生js的返回顶部插件,兼容IE8及以上.FF.chrome等主流浏览器. js文件中封装了getScrollTop()和changeScrollTop()函数分别用于获取滚动条滚动的高度和修改滚动条滚动的高度. 使用方法: 1.引入pomelo_toTop.css文件. 2.引入pomelo_toTop.js文件. 3.调用pomelo.toTop(). 组件链接地址如下: https://github.com/pomelott/toTop-plug-in…

黄聪：原生js的音频播放器，兼容pc端和移动端（原创）

更新时间:2018/9/3 下午1:32:54 更新说明:添加音乐的loop设置和ended事件监听 loop为ture的时候不执行ended事件 1 2 3 4 5 6 7 8 9 10 11 12 13 14 const wx = new WxAudio({     ele: '.wx-audio',     title: '河山大好',     disc: '许嵩',     src: '....',     width: '320px',     loop: true,     ende…

原生js模仿jq fadeIn fadeOut效果 兼容IE低版本

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0; } </style> <script> window.onload=function(){ var certify=document.g…

原生JS实现addClass,removeClass,toggleClass

jQuery操作class的方式非常强大,但是目前还有一些人不知道如何使用或者由于项目统一性的原因无法使用jquery. 在此写了一个利用原生js来实现对dom元素class的操作方法 1.addClass:为指定的dom元素添加样式 2.removeClass:删除指定dom元素的样式 3.toggleClass:如果存在(不存在),就删除(添加)一个样式 4.hasClass:判断样式是否存在 下面为一toggleClass的测试例子 <style type="text/css&quo…

原生JS编写getByClass、addClass、removeClass、hasClass

前言: 年后换了工作,在现在的公司写交互主要使用JS原生:刚刚入门前端的时候写交互一直用的原生JS,虽然用的不怎么样.后来去之前的公司之后,leader主张把jQuery用好,JS原生自然就熟练了:一路下来,jQuery用的比较熟练了,但是原生JS反而退步了,很久没用,有的东西都有点手生了:现在的公司用原生JS也挺好的,感觉现在很多新的技术也都基于JS原生: 做了两个项目,其中对class的DOM操作挺多的,在网上看了很多资料,在别人的基础上总结封装了几个经常用到的函数:getByClass.a…

jQuery addClass removeClass toggleClass hasClass is(.class)用法

jQuery addClass removeClass toggleClass hasClass is(.class)用法 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme() + &q…

js实现css、addClass、removeClass和toggleClass

JQuery中获取CSS样式css(name):访问第一匹配元素的样式属性css(name,value):在所有匹配的元素中,设置一个样式属性的值css(properties):把一个“名/值对”对象设置为所有匹配元素的样式属性css(name,function(index,value)):在所有匹配的元素中,设置一个样式属性的值------------------------------------------------------------------------------------…

原生js :removeClass和addClass

function removeClass(obj, aClass) { var re = new RegExp('\\b' + aClass + '\\b'); if (obj.className != '') { if (re.test(obj.className)) { var arr = obj.className.split(' '); for (var i = 0; i < arr.length; i++) { if (arr[0] == aClass && arr[arr…

JS：操作样式表2 :用JS实现添加和删除一个类名的功能（addClass()和removeClass()）

var box = document.getElementById("box"); box.id = "pox"; 将id = “box”,改为id = “pox”: 但id = “box”依然存在,这样就不符合W3C标准.不建议使用. box.className = "box5"; 将会把原来的className 清除只有一个类名为box5的类. 如果想有用className避免这种缺陷,可以写成 box.className ="bo…