编程 Javascript

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程序设计有所帮助。

jQuery使用addClass()方法给元素添加多个class样式

- Author -

上大王

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Prototype 1.5.0_rc1 及 Prototype 1.5.0 Pre0小抄本

Sep 22 Javascript

一步一步制作jquery插件Tabs实现过程

Jul 06 Javascript

return false,对阻止事件默认动作的一些测试代码

Nov 17 Javascript

javascript阻止浏览器后退事件防止误操作清空表单

Nov 22 Javascript

JS实现生成会变大变小的圆环实例

Aug 05 Javascript

jquery密码强度校验

Dec 02 Javascript

火狐和ie下获取javascript 获取event的方法(推荐)

Nov 26 Javascript

解析利用javascript如何判断一个数为素数

Dec 08 Javascript

Bootstrap table两种分页示例

Dec 23 Javascript

Vue2 使用 Echarts 创建图表实例代码

May 18 Javascript

深入理解Angular中的依赖注入

Jun 26 Javascript

详解如何在vue项目中使用eslint+prettier格式化代码

Nov 10 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