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 相关文章推荐
怎么让脚本或里面的函数在所有图片都载入完毕的时候执行
Oct 17 Javascript
JavaScript-世界上误解最深的语言分析
Aug 12 Javascript
精解window.setTimeout()&amp;window.setInterval()使用方式与参数传递问题!
Nov 23 Javascript
js自定义事件及事件交互原理概述(一)
Feb 01 Javascript
JS文本获得焦点清除文本文字的示例代码
Jan 13 Javascript
jQuery入门介绍之基础知识
Jan 13 Javascript
javascript框架设计之种子模块
Jun 23 Javascript
jQuery实现的checkbox级联选择下拉菜单效果示例
Dec 26 Javascript
jQuery.Form上传文件操作
Feb 05 Javascript
JS中获取 DOM 元素的绝对位置实例详解
Apr 23 Javascript
vue-cli 引入jQuery,Bootstrap,popper的方法
Sep 03 jQuery
JS如何调用WebAssembly编译出来的.wasm文件
Nov 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函数解决SQL injection
2006/12/09 PHP
PHP spl_autoload_register实现自动加载研究
2011/12/06 PHP
php中怎么搜索相关联数组键值及获取之
2013/10/17 PHP
php对关联数组循环遍历的实现方法
2015/03/13 PHP
部署PHP时的4个配置修改说明
2015/10/19 PHP
解析WordPress中函数钩子hook的作用及基本用法
2015/12/22 PHP
借用Google的Javascript API Loader来加速你的网站
2009/01/28 Javascript
用JavaScript实现单继承和多继承的简单方法
2009/03/29 Javascript
JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)
2014/08/16 Javascript
JavaScript中获取HTML元素值的三种方法
2016/06/20 Javascript
纯JS实现图片验证码功能并兼容IE6-8(推荐)
2017/04/19 Javascript
JS笛卡尔积算法与多重数组笛卡尔积实现方法示例
2017/12/01 Javascript
使用 Element UI Table 的 slot-scope方法
2019/10/10 Javascript
vue-cli3.X快速创建项目的方法步骤
2019/11/14 Javascript
vue相关配置文件详解及多环境配置详细步骤
2020/05/19 Javascript
Sublime Text3 配置 NodeJs 环境的方法
2020/05/20 NodeJs
vue - props 声明数组和对象操作
2020/07/30 Javascript
vue中解决chrome浏览器自动播放音频和MP3语音打包到线上的实现方法
2020/10/09 Javascript
Windows系统下安装Python的SSH模块教程
2015/02/05 Python
列举Python中吸引人的一些特性
2015/04/09 Python
Python编程实现二叉树及七种遍历方法详解
2017/06/02 Python
Python数据分析matplotlib设置多个子图的间距方法
2018/08/03 Python
浅谈Pycharm中的Python Console与Terminal
2019/01/17 Python
Python提取支付宝和微信支付二维码的示例代码
2019/02/15 Python
python实现从本地摄像头和网络摄像头截取图片功能
2019/07/11 Python
浅谈Python __init__.py的作用
2020/10/28 Python
HTML5实现移动端弹幕动画效果
2019/08/01 HTML / CSS
世界上最大的艺术社区:SAA
2020/12/30 全球购物
css animation配合SVG制作能量流动效果
2021/03/24 HTML / CSS
大学生考试作弊被抓检讨书
2014/12/27 职场文书
试用期工作表现自我评价
2015/03/06 职场文书
2015年银行信贷员工作总结
2015/05/19 职场文书
教师见习总结范文
2015/06/23 职场文书
2016年“世界气象日”广播稿
2015/12/17 职场文书
python3.7.2 tkinter entry框限定输入数字的操作
2021/05/22 Python
Unity连接MySQL并读取表格数据的实现代码
2021/06/20 MySQL