jquery addClass()方法
翻譯結果:
add
英[æd] 美[æd]
vt.增加;補充;附帶說明;把…包含在內
vi.增加;做加法;累積而成;擴大
n.加法,加法運算;(一篇報道的)補充部分
class
英[klɑ:s] 美[klæs]
n.班;階級;等級;種類
vt.把…歸入某等級,把…看作(或分類、歸類);把…編入某一班級
adj.很好的,優秀的,出色的
vi.屬於…類(或等級),被列為某類(或某級)
jquery addClass()方法語法
作用:addClass() 方法將被選元素新增一個或多個類別。此方法不會移除已存在的 class 屬性,僅新增一個或多個 class 屬性。如需新增多個類,請使用空格分隔類名。
語法:$(selector).addClass(class)
#參數:
描述 | |
必要。規定一個或多個 class 名稱。 |
語法:$(selector).addClass(function(index,oldclass))
參數:
描述 | |
jquery addClass()方法範例
<html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("p:first").addClass("intro"); }); }); </script> <style type="text/css"> .intro { font-size:120%; color:red; } </style> </head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> <p>This is another paragraph.</p> <button>向第一个 p 元素添加一个类</button> </body> </html>
#點擊 "執行實例" 按鈕查看線上實例