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

用 JavaScript 迁移目录

Dec 18 Javascript

javascript removeChild 使用注意事项

Apr 11 Javascript

js 走马灯简单实例

Nov 21 Javascript

jQuery图片切换插件jquery.cycle.js使用示例

Jun 16 Javascript

基于bootstrap3和jquery的分页插件

Jul 31 Javascript

整理Javascript流程控制语句学习笔记

Nov 29 Javascript

Javascript点击按钮随机改变数字与其颜色

Sep 01 Javascript

easyui combotree加载静态数据问题（选不上）解决方法

Dec 26 Javascript

JavaScript之json_动力节点Java学院整理

Jun 29 Javascript

JS扩展String.prototype.format字符串拼接的功能

Mar 09 Javascript

JavaScript实现区块链

Mar 14 Javascript

Mint UI实现A-Z字母排序的城市选择列表

Dec 28 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