jquery中修改css樣式的方法:1、使用「css("屬性名稱","屬性值")」語句修改;2、使用「css({屬性名稱:"屬性值",屬性名:"屬性值"...})」語句修改;3、使用「toggleClass(「類別名稱」)」語句修改。
本教學操作環境:windows7系統、jquery1.10.0版本、Dell G3電腦。
JQuery修改css樣式的方法
css部分:
.div1{ width:100px; height:100px; background:#00ff00; } .div2{ width:100px; height:100px; background:#ff0000; }#Btndiv{ width:100px; height:100px; border: 1px solid #ccc; margin-bottom: 10px; }
jQuery程式碼:
<div id="Btndiv" onclick="changeCss()"></div> <script> $(document).ready(function (){ //第一种 // $("div").css("width","100px"); // $("div").css("height","100px"); // $("div").css("background","cyan"); //第二种 // $("div").css({ // width:"100px",height:"100px",background:"red" // }); //第三种 $("div").addClass("div1"); $("div").click(function (){ // $(this).addClass("div2"); // $(this).removeClass("div1"); $(this).toggleClass("div2"); }); }); </script>
相關影片教學建議:jQuery教學(影片)
以上是jquery中怎麼修改css樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章!