国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

jQuery給多個不同元素添加class樣式的方法

2024-05-06 16:17:42
字體：大 中 小
來源：轉載
供稿：網友

這篇文章主要介紹了jQuery給多個不同元素添加class樣式的方法,實例分析了addClass()方法添加樣式的技巧,非常具有實用價值,需要的朋友可以參考下

本文實例講述了jQuery給多個不同元素添加class樣式的方法。分享給大家供大家參考。具體分析如下：

jQuery可以通過addClass()方法給多個不同的html元素同時添加相同的class

 

 
  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4. <script src="js/jquery.min.js"> 
  5. </script> 
  6. <script> 
  7. $(document).ready(function(){ 
  8. $("button").click(function(){ 
  9. $("h1,h2,p").addClass("blue"); 
  10. $("div").addClass("important"); 
  11. }); 
  12. }); 
  13. </script> 
  14. <style type="text/css"> 
  15. .important 
  16. { 
  17. font-weight:bold; 
  18. font-size:xx-large; 
  19. } 
  20. .blue 
  21. { 
  22. color:blue; 
  23. } 
  24. </style> 
  25. </head> 
  26. <body> 
  27. <h1>Heading 1</h1> 
  28. <h2>Heading 2</h2> 
  29. <p>This is a paragraph.</p> 
  30. <p>This is another paragraph.</p> 
  31. <div>This is some important text!</div> 
  32. <br> 
  33. <button>Add classes to elements</button> 
  34. </body> 
  35. </html> 

希望本文所述對大家的jQuery程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板： 子洲县| 开封市| 九江县| 嵊州市| 乳山市| 连江县| 永城市| 南安市| 乌兰县| 温州市| 军事| 通许县| 来宾市| 武强县| 当阳市| 辛集市| 阳信县| 福泉市| 读书| 青岛市| 丰顺县| 甘洛县| 伊宁市| 莲花县| 拜城县| 宣化县| 石景山区| 鄱阳县| 平潭县| 延边| 东乡| 清涧县| 禹州市| 菏泽市| 灵寿县| 濮阳市| 连山| 垣曲县| 大足县| 综艺| 武川县|