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 相关文章推荐
点图片上一页下一页翻页效果
Jul 09 Javascript
javascript 基础篇4 window对象,DOM
Mar 14 Javascript
jquery 简单应用示例总结
Aug 09 Javascript
比较不错的JS/JQuery显示或隐藏文本的方法
Feb 13 Javascript
jQuery使用animate创建动画用法实例
Aug 07 Javascript
js无法获取到html标签的属性的解决方法
Jul 26 Javascript
JS实现的驼峰式和连字符式转换功能分析
Dec 21 Javascript
使用base64对图片的二进制进行编码并用ajax进行显示
Jan 03 Javascript
JavaScript提高加载和执行效率的方法
Feb 03 Javascript
vue中如何让子组件修改父组件数据
Jun 14 Javascript
JS中的一些常用的函数式编程术语
Jun 15 Javascript
解决Layui中templet中a的onclick参数传递的问题
Sep 20 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
php,ajax实现分页
2008/03/27 PHP
php中根据某年第几天计算出日期年月日的代码
2011/02/24 PHP
关于查看MSSQL 数据库 用户每个表 占用的空间大小
2013/06/21 PHP
php实现数组筛选奇数和偶数示例
2014/04/11 PHP
php正则匹配html中带class的div并选取其中内容的方法
2015/01/13 PHP
js输出列表实现代码
2010/09/12 Javascript
纯JAVASCRIPT图表动画插件Highcharts Examples
2011/04/16 Javascript
javascript标签在页面中的位置探讨
2013/04/11 Javascript
jQuery中:has选择器用法实例
2014/12/30 Javascript
JavaScript检测上传文件大小的方法
2015/07/22 Javascript
jQuery表格行上移下移和置顶的实现方法
2015/10/08 Javascript
js纯数字逐一停止显示效果的实现代码
2016/03/16 Javascript
js剪切板应用clipboardData实例解析
2016/05/29 Javascript
AngularJS框架中的双向数据绑定机制详解【减少需要重复的开发代码量】
2017/01/19 Javascript
knockoutjs模板实现树形结构列表
2017/07/31 Javascript
重学 JS:为啥 await 不能用在 forEach 中详解
2019/04/15 Javascript
vue搜索和vue模糊搜索代码实例
2019/05/07 Javascript
vue和iview实现Scroll 数据无限滚动功能
2019/10/31 Javascript
JavaScript如何操作css
2020/10/24 Javascript
Python入门必须知道的11个知识点
2018/03/21 Python
PyQt5每天必学之进度条效果
2018/04/19 Python
python迭代dict的key和value的方法
2018/07/06 Python
使用Python进行体育竞技分析(预测球队成绩)
2019/05/16 Python
HTML5移动端开发中的Viewport标签及相关CSS用法解析
2016/04/15 HTML / CSS
HTML5中原生的右键菜单创建方法
2016/06/28 HTML / CSS
LTD Commodities:礼品,独特发现,家居装饰,家用器皿
2017/08/11 全球购物
What is EJB
2016/07/22 面试题
早读迟到检讨书
2014/01/24 职场文书
四风存在的原因分析
2014/02/11 职场文书
大雁塔导游词
2015/02/04 职场文书
上市公司董事长岗位职责
2015/04/16 职场文书
乒乓球比赛通知
2015/04/27 职场文书
永远是春天观后感
2015/06/12 职场文书
党章学习心得体会2016
2016/01/14 职场文书
教你怎么用Python selenium操作浏览器对象的基础API
2021/06/23 Python
openstack云计算keystone组件工作介绍
2022/04/20 Servers