jQuery属性--addClass()和removeClass()
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>