jQuery屬性--addClass()和removeClass()
阿新 • • 發佈:2018-11-14
addClass(class|fn)
概述
為每個匹配的元素新增指定的類名
引數
class 一個或多個要新增到元素中的CSS類名,請用空格分開;
function(index, class) 此函式必須返回一個或多個空格分隔的class名。接受兩個引數,index引數為物件在這個集合中的索引值,class引數為這個物件原先的class屬性值。
removeClass([class|fn])
概述
class 一個或多個要刪除的CSS類名,請用空格分開
引數
function(index, class) 此函式必須返回一個或多個空格分隔的class名。接受兩個引數,index引數為物件在這個集合中的索引值,class引數為這個物件原先的class屬性值。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script> <title></title> <style> .main{ color: #FF0000; font-weight: bold; } </style> <script> $(document).ready(function(){ //addClass為每個匹配的元素新增指定的類名 $("button:first").click(function(){ $("p:first").addClass("main"); }); //removeClass從所有匹配的元素中刪除全部或者指定的類 $("button:last").click(function(){ $("p:last").removeClass("main"); }); }); </script> </head> <body> <p>第一個段落。</p> <p class="main">第二個段落。</p> <button>addClass</button> <button>removeClass</button> </body> </html>