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 读取xml,写入xml 实现代码
Jul 10 Javascript
MooTools 1.2中的Drag.Move来实现拖放
Sep 15 Javascript
jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法
Jan 18 Javascript
AngularJS实现按钮提示与点击变色效果
Sep 07 Javascript
BootStrap表单验证实例代码
Jan 13 Javascript
jQuery实现复制到粘贴板功能
Feb 11 Javascript
bootstrap modal+gridview实现弹出框效果
Aug 15 Javascript
vue.js 实现图片本地预览 裁剪 压缩 上传功能
Mar 01 Javascript
Node.js中文件系统fs模块的使用及常用接口
Mar 06 Javascript
小程序中的箭头函数的具体使用
Jun 19 Javascript
浅谈vue生命周期共有几个阶段?分别是什么?
Aug 07 Javascript
微信小程序实现页面左右滑动
Nov 16 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
解析PHPExcel使用的常用说明以及把PHPExcel整合进CI框架的介绍
2013/06/24 PHP
thinkPHP3.2简单实现文件上传的方法
2016/05/16 PHP
PHP实现根据密码长度显示安全条
2017/07/04 PHP
十个优秀的Ajax/Javascript实例网站收集
2010/03/31 Javascript
js拦截alert对话框另类应用
2013/01/16 Javascript
javascript获取select的当前值示例代码(兼容IE/Firefox/Opera/Chrome)
2013/12/17 Javascript
jQuery使用fadein方法实现渐出效果实例
2015/03/27 Javascript
jQuery Validate验证框架经典大全
2015/09/23 Javascript
js简单设置与使用cookie的方法
2016/01/22 Javascript
javascript和jQuery实现网页实时聊天的ajax长轮询
2016/07/20 Javascript
一次记住JavaScript的6个正则表达式方法
2018/02/22 Javascript
AngularJs用户输入动态模板XSS攻击示例详解
2018/04/21 Javascript
bootstrap 日期控件 datepicker被弹出框dialog覆盖的解决办法
2019/07/09 Javascript
layui 实现table翻页滚动条位置保持不变的例子
2019/09/05 Javascript
Layui事件监听的实现(表单和数据表格)
2019/10/17 Javascript
[01:08:30]DOTA2-DPC中国联赛 正赛 Ehome vs Elephant BO3 第一场 2月28日
2021/03/11 DOTA
Python爬虫实例_利用百度地图API批量获取城市所有的POI点
2018/01/10 Python
[原创]windows下Anaconda的安装与配置正解(Anaconda入门教程)
2018/04/05 Python
python 删除非空文件夹的实例
2018/04/26 Python
mac安装pytorch及系统的numpy更新方法
2018/07/26 Python
python3实现zabbix告警推送钉钉的示例
2019/02/20 Python
python是否适合网页编程详解
2019/10/04 Python
解决pycharm上的jupyter notebook端口被占用问题
2019/12/17 Python
使用Python操作ArangoDB的方法步骤
2020/02/02 Python
详解用Python进行时间序列预测的7种方法
2020/03/13 Python
keras 读取多标签图像数据方式
2020/06/12 Python
python request 模块详细介绍
2020/11/10 Python
Lacoste美国官网:经典POLO衫品牌
2016/10/12 全球购物
您的健身减肥和健康饮食专家:vitafy
2017/06/06 全球购物
玛蒂尔达简服装:Matilda Jane Clothing
2019/02/13 全球购物
就业推荐自我鉴定
2013/10/06 职场文书
财务会计自荐信范文
2014/02/21 职场文书
毕业生求职自荐书范文
2014/03/27 职场文书
2014领导班子四风问题查摆思想汇报
2014/09/13 职场文书
基层党支部整改方案
2014/10/25 职场文书
Python实战实现爬取天气数据并完成可视化分析详解
2022/06/16 Python