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 相关文章推荐
两种方法实现文本框输入内容提示消失
Mar 17 Javascript
浅析JQuery获取和设置Select选项的常用方法总结
Jul 04 Javascript
改变隐藏的input中value值的方法
Mar 19 Javascript
jquery 将当前时间转换成yyyymmdd格式的实现方法
Jun 01 Javascript
javascript数字验证的实例代码(推荐)
Aug 20 Javascript
Bootstrap优化站点资源、响应式图片、传送带使用详解3
Oct 14 Javascript
JS实现简单的二元方程计算器功能示例
Jan 03 Javascript
JavaScript中的一些隐式转换和总结(推荐)
Dec 22 Javascript
jQuery 实现倒计时天,时,分,秒功能
Jul 31 jQuery
vue devtools的安装与使用教程
Aug 08 Javascript
vue axios 简单封装以及思考
Oct 09 Javascript
解决Can't find variable: SockJS vue项目的问题
Sep 22 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出现Cannot modify header information问题的解决方法大全
2008/04/09 PHP
php和asp语法上的区别总结
2019/05/12 PHP
一段实时更新的时间代码
2006/07/07 Javascript
JS location几个方法小姐
2008/07/09 Javascript
javascript将异步校验表单改写为同步表单
2015/01/27 Javascript
JavaScript显示表单内元素数量的方法
2015/04/02 Javascript
javascript 判断两个日期之差的示例代码
2015/09/05 Javascript
JS+CSS相对定位实现的下拉菜单
2015/10/06 Javascript
详解Javascript数据类型的转换规则
2016/12/12 Javascript
微信小程序 wx.uploadFile在安卓手机上面the same task is working问题解决
2016/12/14 Javascript
深入理解Javascript中的valueOf与toString
2017/01/04 Javascript
基于jQuery实现火焰灯效果导航菜单
2017/01/04 Javascript
微信小程序学习(4)-系统配置app.json详解
2017/01/12 Javascript
vue2.0 兄弟组件(平级)通讯的实现代码
2018/01/15 Javascript
使用Vue.js和Element-UI做一个简单登录页面的实例
2018/02/23 Javascript
Vue-cli配置打包文件本地使用的教程图解
2018/08/02 Javascript
Python 探针的实现原理
2016/04/23 Python
Python实现Windows和Linux之间互相传输文件(文件夹)的方法
2017/05/08 Python
Python正确重载运算符的方法示例详解
2017/08/27 Python
TensorFlow打印tensor值的实现方法
2018/07/27 Python
树莓派用python中的OpenCV输出USB摄像头画面
2019/06/22 Python
django 连接数据库 sqlite的例子
2019/08/14 Python
Python使用__new__()方法为对象分配内存及返回对象的引用示例
2019/09/20 Python
Python MongoDB 插入数据时已存在则不执行,不存在则插入的解决方法
2019/09/24 Python
python自动化测试之异常及日志操作实例分析
2019/11/09 Python
基于Python实现体育彩票选号器功能代码实例
2020/09/16 Python
瑞典手机壳品牌:Richmond & Finch
2018/04/28 全球购物
英国现代家具和装饰网站:PN Home
2018/08/16 全球购物
网络工程师专家职业发展路线
2014/02/14 职场文书
2014年消防工作实施方案
2014/02/20 职场文书
医学生职业生涯规划书范文
2014/03/13 职场文书
《忆江南》教学反思
2014/04/07 职场文书
我的职业生涯规划:打造自己的运动帝国
2014/09/18 职场文书
继承公证书格式
2015/01/26 职场文书
售后服务质量承诺书
2015/04/29 职场文书
如何把新闻人物写得立体、鲜活?
2019/08/14 职场文书