jquery改變css樣式的方法:先使用「$()」取得HTML元素節點,然後使用css()方法改變css樣式;具體語法「$("選擇器").css("屬性名稱","屬性值");」。
本教學操作環境:windows7系統、jquery3.0.0版本、Dell G3電腦。
在jquery中,可以利用css()方法來改變css樣式。
css()方法設定或傳回被選元素的一個或多個樣式屬性。
基本語法如下
$(‘选择器’).css('属性名称','属性值');
範例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://code.jquery.com/jquery-3.0.0.min.js"></script> <script> $(function() { $(".big").css("font-size", "30px"); $("#color").css("color", "red"); }); </script> </head> <body> <ul> <li class="big">测试文本</li> <li>测试文本</li> <li id="color">测试文本</li> <li>测试文本</li> </ul> </body> </html>
效果圖:
jQuery教學(影片)
以上是jquery怎麼改變css樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章!