本文實例講述了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程序設計有所幫助。
新聞熱點
疑難解答