jQuery使用addClass()方法给元素添加多个class样式


Posted in Javascript onMarch 26, 2015

本文实例讲述了jQuery使用addClass()方法给元素添加多个class样式的方法。分享给大家供大家参考。具体如下:

jQuery通过addClass()方法给元素添加多个class,只需要在添加的class中用空格分开多个class既可

<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
 $("button").click(function(){
  $("#div1").addClass("important blue");
 });
});
</script>
<style type="text/css">
.important
{
font-weight:bold;
font-size:xx-large;
}
.blue
{
color:blue;
}
</style>
</head>
<body>
<div id="div1">This is some text.</div>
<div id="div2">This is some text.</div>
<br>
<button>Add classes to first div element</button>
</body>
</html>

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
在页面上点击任一链接时触发一个事件的代码
Apr 07 Javascript
javascript 模拟点击广告
Jan 02 Javascript
基于jquery tab切换(防止页面刷新)
May 23 Javascript
Angular中$compile源码分析
Jan 28 Javascript
Bootstrap实现水平排列的表单
Jul 04 Javascript
JS获取当前页面名称的简单实例
Aug 19 Javascript
用jQuery实现优酷首页轮播图
Jan 09 Javascript
Vue多系统切换实现方案
Jun 05 Javascript
js实现每日签到功能
Nov 29 Javascript
浅析Vue 中的 render 函数
Feb 28 Javascript
JS实现网站楼层导航效果代码实例
Jun 16 Javascript
在vue项目中promise解决回调地狱和并发请求的问题
Nov 09 Javascript
Jquery异步提交表单代码分享
Mar 26 #Javascript
jQuery使用toggleClass方法动态添加删除Class样式的方法
Mar 26 #Javascript
jQuery使用CSS()方法给指定元素同时设置多个样式
Mar 26 #Javascript
12306验证码破解思路分享
Mar 25 #Javascript
jQuery获得包含margin的outerWidth和outerHeight的方法
Mar 25 #Javascript
jQuery获得document和window对象宽度和高度的方法
Mar 25 #Javascript
jQuery设置指定网页元素宽度和高度的方法
Mar 25 #Javascript
You might like
漫荒推荐:画风超赞的国风漫画推荐 超长假期不无聊
2020/03/08 国漫
php学习之运算符相关概念
2011/06/09 PHP
PHP几个数学计算的内部函数学习整理
2011/08/06 PHP
php使用google地图应用实例
2014/12/31 PHP
PHP Try-catch 语句使用技巧
2016/02/28 PHP
css结合js制作下拉菜单示例代码
2014/02/27 Javascript
jquery动态添加删除(tr/td)
2015/02/09 Javascript
JavaScript的事件代理和委托实例分析
2015/03/25 Javascript
javascript闭包概念简单解析(推荐)
2016/06/03 Javascript
javascript和jQuery中的AJAX技术详解【包含AJAX各种跨域技术】
2016/12/15 Javascript
巧用weui.topTips验证数据的实例
2017/04/17 Javascript
基于angular2 的 http服务封装的实例代码
2017/06/29 Javascript
在小程序中使用canvas的方法示例
2018/09/17 Javascript
JavaScript如何实现图片处理与合成
2020/05/29 Javascript
Vue组件间数据传递的方式(3种)
2020/07/13 Javascript
Vue 按照创建时间和当前时间显示操作(刚刚,几小时前,几天前)
2020/09/10 Javascript
python计算圆周长、面积、球体体积并画出圆
2014/04/08 Python
jupyter安装小结
2016/03/13 Python
Django的HttpRequest和HttpResponse对象详解
2018/01/26 Python
Numpy之文件存取的示例代码
2018/08/03 Python
Python正则表达式指南 推荐
2018/10/09 Python
python使用opencv对图像mask处理的方法
2019/07/05 Python
python将图片转base64,实现前端显示
2020/01/09 Python
python模拟预测一下新型冠状病毒肺炎的数据
2020/02/01 Python
详解anaconda安装步骤
2020/11/23 Python
python代码实现猜拳小游戏
2020/11/30 Python
HTML5无刷新改变当前url的代码
2017/03/15 HTML / CSS
Vision Directa智利眼镜网:框架眼镜、隐形眼镜和名牌太阳眼镜
2016/11/23 全球购物
Servlet方面面试题
2016/09/28 面试题
大学生自我鉴定
2013/12/08 职场文书
战友聚会邀请函
2014/01/18 职场文书
文字自荐书范文
2014/02/10 职场文书
义和团口号
2014/06/17 职场文书
会计专业毕业生求职信
2014/07/04 职场文书
小学数学教师研修日志
2015/11/13 职场文书
法制教育讲座心得体会
2016/01/14 职场文书