编程 Javascript

jQuery给多个不同元素添加class样式的方法

Posted in Javascript onMarch 26, 2015

本文实例讲述了jQuery给多个不同元素添加class样式的方法。分享给大家供大家参考。具体分析如下：

jQuery可以通过addClass()方法给多个不同的html元素同时添加相同的class

<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
 $("button").click(function(){
  $("h1,h2,p").addClass("blue");
  $("div").addClass("important");
 });
});
</script>
<style type="text/css">
.important
{
font-weight:bold;
font-size:xx-large;
}
.blue
{
color:blue;
}
</style>
</head>
<body>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<div>This is some important text!</div>
<br>
<button>Add classes to elements</button>
</body>
</html>

希望本文所述对大家的jQuery程序设计有所帮助。

jQuery给多个不同元素添加class样式的方法

- Author -

上大王

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

Javascript 相关文章推荐

Ext.MessageBox工具类简介

Dec 10 Javascript

jquery动画3.创建一个带遮罩效果的图片走廊

Aug 24 Javascript

动态加载jquery库的方法

Feb 12 Javascript

JavaScript Length 属性的总结

Nov 02 Javascript

使用Bootstrap + Vue.js实现添加删除数据示例

Feb 27 Javascript

详解vue 计算属性与方法跟侦听器区别(面试考点)

Apr 23 Javascript

AngularJS日期格式化常见操作实例分析

May 17 Javascript

使用jquery Ajax实现上传附件功能

Oct 23 jQuery

JS实现在线ps功能详解

Jul 31 Javascript

策略模式实现 Vue 动态表单验证的方法

Sep 16 Javascript

Vue混入mixins滚动触底的方法

Nov 22 Javascript

JS函数基本定义与用法示例

Jan 15 Javascript

Js实现自定义右键行为

Mar 26 #Javascript

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

Mar 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