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 相关文章推荐
判断是否输入完毕再激活提交按钮
Jun 26 Javascript
不用ajax实现点击文字即可编辑的方法
Dec 16 Javascript
基于Jquery 解决Ajax请求的页面 浏览器后退前进功能,页面刷新功能实效问题
Dec 11 Javascript
jquery分页对象使用示例
Apr 01 Javascript
js实现交换运动效果的方法
Apr 10 Javascript
HTML5 实现的一个俄罗斯方块实例代码
Sep 19 Javascript
详谈表单重复提交的三种情况及解决方法
Aug 16 Javascript
JavaScript中一些特殊的字符运算
Aug 17 Javascript
Cropper.js 实现裁剪图片并上传(PC端)
Aug 20 Javascript
JavaScript深拷贝和浅拷贝概念与用法实例分析
Jun 07 Javascript
原生JavaScript实现日历功能代码实例(无引用Jq)
Sep 23 Javascript
浅析vue-router中params和query的区别
Dec 24 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 开发环境配置(Zend Server安装)
2010/04/28 PHP
如何突破PHP程序员的技术瓶颈分析
2011/07/17 PHP
PHP制作登录异常ip检测功能的实例代码
2016/11/16 PHP
强制设为首页代码
2006/06/19 Javascript
js 调整select 位置的函数
2008/02/21 Javascript
JavaScript 权威指南(第四版) 读书笔记
2009/08/11 Javascript
改变javascript函数内部this指针指向的三种方法
2010/04/23 Javascript
javascript 模式设计之工厂模式详细说明
2010/05/10 Javascript
jQuery Tools tab使用介绍
2012/07/14 Javascript
JavaScript快速切换繁体中文和简体中文的方法及网站支持简繁体切换的绝招
2016/03/07 Javascript
微信小程序进行微信支付的步骤昂述
2016/12/01 Javascript
ionic开发中点击input时键盘自动弹出
2016/12/23 Javascript
分享Bootstrap简单表格、表单、登录页面
2017/08/04 Javascript
vue 指定组件缓存实例详解
2018/04/01 Javascript
vue下history模式刷新后404错误解决方法
2018/08/18 Javascript
详解vue beforeRouteEnter 异步获取数据给实例问题
2019/08/09 Javascript
vue之封装多个组件调用同一接口的案例
2020/08/11 Javascript
[01:15:44]首部DOTA2纪录片今日23时全网上映
2014/03/19 DOTA
[02:36]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Magma 选手采访
2021/03/11 DOTA
使用python绘制人人网好友关系图示例
2014/04/01 Python
详解Python中的join()函数的用法
2015/04/07 Python
实例讲解Python编程中@property装饰器的用法
2016/06/20 Python
Python button选取本地图片并显示的实例
2019/06/13 Python
python按键按住不放持续响应的实例代码
2019/07/17 Python
Python学习笔记之lambda表达式用法详解
2019/08/08 Python
Python 实现opencv所使用的图片格式与 base64 转换
2020/01/09 Python
基于python 等频分箱qcut问题的解决
2020/03/03 Python
python+selenium+chrome批量文件下载并自动创建文件夹实例
2020/04/27 Python
Django通过json格式收集主机信息
2020/05/29 Python
Python自定义sorted排序实现方法详解
2020/09/18 Python
最新pycharm安装教程
2020/11/18 Python
html5 外链式实现加减乘除的代码
2019/09/04 HTML / CSS
澳大利亚排名第一的儿童在线玩具商店:Toy Galaxy
2018/10/06 全球购物
领导班子对照检查剖析材料
2014/10/13 职场文书
运动会开幕式主持词
2015/07/01 职场文书
CSS 一行代码实现头像与国旗的融合
2021/10/24 HTML / CSS