addClass函数

如果不使用库，则可能需要像这样滚动自己的函数。

function addClass(id,new_class){var i,n=0;new_class=new_class.split(",");for(i=0;i<new_class.length;i++){if((" "+document.getElementById(id).className+" ").indexOf(" "+new_class[i]+" ")==-1){document.getElementById(id).className+=" "+new_class[i];n++;}}return n;
}

用法

<div id="changeme" class="big red"></div>
<button onclick="addClass('changeme', 'round')">Add a class</button>

翻译自: https://css-tricks.com/snippets/javascript/addclass-function/

addClass函数相关推荐

jQuery学习总结第三天、attr函数与removeAttr函数、prop、 removeProp函数、addClass函数和removeClass函数、html函数和text函数
一.attr(参数...)函数与removeAttr(name)函数 1.1 attr函数函数实现设置或获取当前元素对象的某个属性值,返回string 参数:(name | properties ...
jQuery addClass
jQuery addClass function is used to add one or more specified classes to the matched DOM elements. j ...
《jQuery、jQuery UI及jQuery Mobile技巧与示例》——3.3　技巧：生成类名
本节书摘来自异步社区<jQuery.jQuery UI及jQuery Mobile技巧与示例>一书中的第3章,第3.3节,作者:[荷]Adriaan de Jonge , [美]Phil ...
第三课 Python Web企业门户网站-模板和数据库
目录 3.1 模板的概念 3.1.1 Django模板概述 3.1.2 基于Django模板的静态资源配置 3.2 开发"科研基地"模块 3.2.1 制作门户网站基础页面 3.2. ...
WEB入门之十五属性和样式
H5和JAVASCRIPT实战教程学习内容 jQuery属性操作 jQuery样式操作 jQuery常用工具函数能力目标能熟练使用jQuery进行属性操作能熟练使用jQuery进行样式操作能 ...
前端学习——jQuery入门篇
一. jQuery入门 1.1 初步感受jQuery 使用jquery简单写个tab切换小案例 <!DOCTYPE html> <html lang="en"&g ...
jquery中的class函数addClass，removeClass，toggle，hasClass
全栈工程师开发手册 (作者:栾鹏) jquery系列教程2-style样式操作全解 jquery通过class函数操作元素样式 jquery的class函数,包括addClass,removeClas ...
jQuery简介、引入jQuery、jQuery核心函数、jQuery对象、jQuery对象操作class、addclass补充、jQuery对象复制——jQuery
目录一.jQuery简介二.引入jQuery 三.jQuery核心函数四.jQuery对象五.jQuery对象操作class 六.addClass补充七.jQuery对象复制一.jQuer ...
AppBaseJs 类库网上常用的javascript函数及其他js类库写的
AppBaseJs类库.一个借鉴了网上常用的函数及其他js类库写的,方便大家的调用. 代码如下: /*----------------------------------- Web Applicat ...
jQuery中常用的函数方法总结
jQuery中为我们提供了很多有用的方法和属性,自己总结的一些常用的函数,方法.个人认为在www.21kaiyun.com的紫微斗数星座在线排盘开发中会比较常用的,仅供大家学习和参考. 事件处理 re ...

addClass函数

用法

addClass函数相关推荐

最新文章

热门文章