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之锁定表格栏位
Jun 29 Javascript
JavaScript 学习笔记之一jQuery写法图片等比缩放以及预加载
Jun 28 Javascript
JavaScript使用setInterval()函数实现简单轮询操作的方法
Feb 02 Javascript
浅谈JavaScript字符串拼接
Jun 25 Javascript
对于jQuery性能的一些优化建议
Aug 13 Javascript
实例解析JS布尔对象的toString()方法和valueOf()方法
Oct 25 Javascript
JavaScript使用Ajax上传文件的示例代码
Aug 10 Javascript
vue 文件目录结构详解
Nov 24 Javascript
ES6/JavaScript使用技巧分享
Dec 14 Javascript
vue使用微信JS-SDK实现分享功能
Aug 23 Javascript
ZK中使用JS读取客户端txt文件内容问题
Nov 07 Javascript
Vue CLI4 Vue.config.js标准配置(最全注释)
Jun 05 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 生成随机验证码图片代码
2010/02/08 PHP
PHP使用正则表达式清除超链接文本
2013/11/12 PHP
PHP根据IP判断地区名信息的示例代码
2014/03/03 PHP
PHP以mysqli方式连接类完整代码实例
2014/07/15 PHP
9段PHP实用功能的代码推荐
2014/10/14 PHP
php微信开发之谷歌测距
2018/06/14 PHP
Riot.js 快速的JavaScript单元测试框架
2009/11/09 Javascript
一个简单的JS时间控件示例代码(JS时分秒时间控件)
2013/11/22 Javascript
js实现的map方法示例代码
2014/01/13 Javascript
JavaScript中的函数声明和函数表达式区别浅析
2015/03/27 Javascript
用svg制作富有动态的tooltip
2015/07/17 Javascript
AngularJS初始化静态模板详解
2016/01/14 Javascript
详解jquery事件delegate()的使用方法
2016/01/25 Javascript
整理关于Bootstrap列表组的慕课笔记
2017/03/29 Javascript
详解如何提高 webpack 构建 Vue 项目的速度
2017/07/03 Javascript
小程序异步问题之多个网络请求依次执行并依次收集请求结果
2019/05/05 Javascript
教你搭建按需加载的Vue组件库(小结)
2019/07/29 Javascript
微信小程序整个页面的自动适应布局的实现
2020/07/12 Javascript
详解python3百度指数抓取实例
2016/12/12 Python
python逆向入门教程
2018/01/15 Python
pip安装时ReadTimeoutError的解决方法
2018/06/12 Python
Python实现爬取亚马逊数据并打印出Excel文件操作示例
2019/05/16 Python
Python3内置模块random随机方法小结
2019/07/13 Python
使用selenium和pyquery爬取京东商品列表过程解析
2019/08/15 Python
pytorch查看torch.Tensor和model是否在CUDA上的实例
2020/01/03 Python
Tensorflow:转置函数 transpose的使用详解
2020/02/11 Python
Python基于内置库pytesseract实现图片验证码识别功能
2020/02/24 Python
python 实现多维数组(array)排序
2020/02/28 Python
如何快速理解python的垃圾回收机制
2020/09/01 Python
html5-websocket基于远程方法调用的数据交互实现
2012/12/04 HTML / CSS
Bailey帽子官方商店:Bailey Hats
2018/09/25 全球购物
代理协议书范本
2014/04/22 职场文书
生产现场禁烟通知
2015/04/23 职场文书
鲁冰花观后感
2015/06/10 职场文书
2015年党建工作汇报材料
2015/06/25 职场文书
pandas中对文本类型数据的处理小结
2021/11/01 Python