编程 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 相关文章推荐

jQuery实现为控件添加水印文字效果(附源码)

Dec 02 Javascript

js省市联动效果完整实例代码

Dec 09 Javascript

浅谈MVC+EF easyui dataGrid 动态加载分页表格

Nov 10 Javascript

JS实现的验证身份证及获取地区功能示例

Jan 16 Javascript

ES6中class类用法实例浅析

Apr 06 Javascript

详解使用React进行组件库开发

Feb 06 Javascript

Node.js使用MySQL连接池的方法实例

Feb 11 Javascript

vue.js获得当前元素的文字信息方法

Mar 09 Javascript

Vue中使用ElementUI使用第三方图标库iconfont的示例

Oct 11 Javascript

vue-cli 3.0 版本与3.0以下版本在搭建项目时的区别详解

Dec 11 Javascript

Vue动态面包屑功能的实现方法

Jul 01 Javascript

微信小程序实现弹框效果

May 26 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