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 相关文章推荐
捕获关闭窗口的脚本
Jan 10 Javascript
JS异常处理的一个想法(sofish)
Mar 14 Javascript
jquery、js调用iframe父窗口与子窗口元素的方法整理
Jul 31 Javascript
JavaScript修改浏览器tab标题小技巧
Jan 06 Javascript
javascript实现网页子页面遍历回调的方法(涉及 window.frames、递归函数、函数上下文)
Jul 27 Javascript
Three.js学习之正交投影照相机
Aug 01 Javascript
JS实用的带停顿的逐行文本循环滚动效果实例
Nov 23 Javascript
使用JavaScript解决网页图片拉伸问题(推荐)
Nov 25 Javascript
Js apply方法详解
Feb 16 Javascript
AngularJS中使用ngModal模态框实例
May 27 Javascript
微信小程序 调用微信授权窗口相关问题解决
Jul 25 Javascript
ES11新增的这9个新特性,你都掌握了吗
Oct 15 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
一道求$b相对于$a的相对路径的php代码
2010/08/08 PHP
PHP三元运算符的结合性介绍
2012/01/10 PHP
基于PHP如何把汉字转化为拼音
2015/12/11 PHP
Yii2框架实现数据库常用操作总结
2017/02/08 PHP
js写出遮罩层登陆框和对联广告并自动跟随滚动条滚动
2014/04/29 Javascript
火狐下input焦点无法重复获取问题的解决方法
2014/06/16 Javascript
javascript中判断json的方法总结
2015/08/27 Javascript
JavaScript性能优化之小知识总结
2015/11/20 Javascript
js简单获取表单中单选按钮值的方法
2016/08/23 Javascript
在 Angular2 中实现自定义校验指令(确认密码)的方法
2017/01/23 Javascript
微信小程序实战之登录页面制作(5)
2020/03/30 Javascript
关于使用axios的一些心得技巧分享
2017/07/02 Javascript
JS沙箱模式实例分析
2017/09/04 Javascript
js中的this的指向问题详解
2019/08/29 Javascript
vue相关配置文件详解及多环境配置详细步骤
2020/05/19 Javascript
在VUE style中使用data中的变量的方法
2020/06/19 Javascript
jQuery实现B2B网站后台管理系统侧导航
2020/07/08 jQuery
[02:50]【扭转乾坤,只此一招】DOTA2全新版本永雾林渊开启新篇章
2020/12/24 DOTA
Python的SQLAlchemy框架使用入门
2015/04/29 Python
python对url格式解析的方法
2015/05/13 Python
TensorFlow在MAC环境下的安装及环境搭建
2017/11/14 Python
Python使用add_subplot与subplot画子图操作示例
2018/06/01 Python
Python Django框架模板渲染功能示例
2019/11/08 Python
wxPython绘图模块wxPyPlot实现数据可视化
2019/11/19 Python
python加密解密库cryptography使用openSSL生成的密匙加密解密
2020/02/11 Python
django queryset相加和筛选教程
2020/05/18 Python
Keras-多输入多输出实例(多任务)
2020/06/22 Python
matplotlib绘制鼠标的十字光标的实现(内置方式)
2021/01/06 Python
HTML5 常见面试题之PC端和移动端区别介绍
2018/01/22 HTML / CSS
墨尔本最受欢迎的复古风格品牌:Princess Highway
2018/12/21 全球购物
英国第一的滑雪服装和装备零售商:Snow+Rock
2020/02/01 全球购物
英语专业应届生求职信范文
2013/11/15 职场文书
2014年中秋节活动总结
2014/08/29 职场文书
护士年终考核评语
2014/12/31 职场文书
团队执行力培训心得体会
2015/08/15 职场文书
MySQL表字段时间设置默认值
2021/05/13 MySQL