国产探花免费观看_亚洲丰满少妇自慰呻吟_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程序設計有所幫助。

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

圖片精選

主站蜘蛛池模板： 金昌市| 衡东县| 台安县| 临邑县| 夏河县| 贵定县| 万源市| 象山县| 铜鼓县| 那坡县| 雅安市| 公安县| 陆丰市| 宁远县| 芜湖市| 乌兰察布市| 吉木萨尔县| 大名县| 柯坪县| 彭州市| 肥城市| 饶阳县| 曲松县| 镇赉县| 易门县| 浮山县| 漳州市| 彭阳县| 鄂托克前旗| 仪陇县| 酉阳| 米脂县| 贡嘎县| 岚皋县| 广汉市| 涿州市| 积石山| 建湖县| 北流市| 漯河市| 开平市|