jQuery class屬性值操作
上一章節(jié)介紹了一下內(nèi)容:
$().attr('class',值);
$(). attr('class');
$().removeAttr('class'); ?//刪除class的屬性
##?本節(jié)補充如下內(nèi)容:
$().addClass(值); ? ?//給予class屬性追加資訊值$().removeClass(值); //刪除class屬性中的某個資訊值$().toggleClass(值); //開關(guān)效果,有就刪除,沒有就加
<!DOCTYPE html> <html> <head> <title>php.cn</title> <meta charset="utf-8" /> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <script> function f1(){ $("div").addClass('s2'); } function f2(){ $("div").removeClass('s2'); } function f3(){ $("div").toggleClass('s2') } </script> <style type="text/css"> .s2{ width:250px; height:25px; background: yellow; } </style> </head> <body> <div class="s1">歡迎大家學習我們的jQuery課程</div> <input type="button" value="設置" onclick="f1()" /> <input type="button" value="刪除class的屬性值" onclick="f2()" /> <input type="button" value="開關(guān)class屬性值的操作" onclick="f3()" /> </body> </html>