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

2019-11-20 12:51:33

字体：大中小

来源：转载

供稿：网友

本文实例讲述了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使用removeClass方法删除元素指定Class的方法

下一篇：Js实现自定义右键行为