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 相关文章推荐
从JavaScript 到 JQuery (1)学习小结
Feb 12 Javascript
JavaScript在IE和Firefox浏览器下的7个差异兼容写法小结
Jun 18 Javascript
javascript静态页面传值的三种方法分享
Nov 12 Javascript
浅谈javascript 迭代方法
Jan 21 Javascript
jQuery使用CSS()方法给指定元素同时设置多个样式
Mar 26 Javascript
在JavaScript中操作时间之getUTCDate()方法的使用
Jun 10 Javascript
js实现表单多按钮提交action的处理方法
Oct 24 Javascript
jQuery过滤选择器用法示例
Sep 12 Javascript
详解vue 模拟后台数据(加载本地json文件)调试
Aug 25 Javascript
微信小程序云开发实现数据添加、查询和分页
May 17 Javascript
webpack打包html里面img后src为“[object Module]”问题
Dec 22 Javascript
使用webpack搭建vue环境的教程详解
Dec 31 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
不用mod_rewrite直接用php实现伪静态化页面代码
2008/10/04 PHP
PHP递归创建多级目录
2015/11/05 PHP
thinkphp跨库操作的简单代码实例
2016/09/22 PHP
thinkphp在php7环境下提示Cannot use ‘String’ as class name as it is reserved的解决方法
2016/09/30 PHP
PHP实现的方程求解示例分析
2016/11/11 PHP
PHP分页显示的方法分析【附PHP通用分页类】
2018/05/10 PHP
JavaScript 私有成员分析
2009/01/13 Javascript
jquery一般方法介绍 入门参考
2011/06/21 Javascript
基于jQuery替换table中的内容并显示进度条的代码
2011/08/02 Javascript
jQuery定义背景动态切换效果的方法
2015/03/23 Javascript
jquery实现兼容IE8的异步上传文件
2015/06/15 Javascript
详解Angularjs中的依赖注入
2016/03/11 Javascript
使用jQuery给input标签设置默认值
2016/06/20 Javascript
Javascript别踩白块儿(钢琴块儿)小游戏实现代码
2017/07/20 Javascript
Vue.js实现实例搜索应用功能详细代码
2017/08/24 Javascript
JavaScript创建对象方法实例小结
2018/09/03 Javascript
如何在vue里面优雅的解决跨域(路由冲突问题)
2019/01/20 Javascript
electron 安装,调试,打包的具体使用
2019/11/06 Javascript
[03:42]2014DOTA2西雅图国际邀请赛7月9日TOPPLAY
2014/07/09 DOTA
python调用shell的方法
2013/11/20 Python
python3实现域名查询和whois查询功能
2018/06/21 Python
opencv python 2D直方图的示例代码
2018/07/20 Python
Python抽象和自定义类定义与用法示例
2018/08/23 Python
对Python中plt的画图函数详解
2018/11/07 Python
django中forms组件的使用与注意
2019/07/08 Python
新年福利来一波之Python轻松集齐五福(demo)
2020/01/20 Python
python读取xml文件方法解析
2020/08/04 Python
保险专业大专生求职信
2013/10/26 职场文书
大型车展策划方案
2014/02/01 职场文书
申请任职学生会干部自荐书范文
2014/02/13 职场文书
项目建议书格式
2014/03/12 职场文书
2015年学校后勤工作总结
2015/04/08 职场文书
2015年办公室人员工作总结
2015/05/15 职场文书
写好求职信的技巧解密
2019/05/14 职场文书
解决jupyter notebook图片显示模糊和保存清晰图片的操作
2021/04/24 Python
Python开发简易五子棋小游戏
2022/05/02 Python