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代码：
立即学习“前端免费学习笔记（深入）”；
$(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"); }); });
登录后复制
相关视频教程推荐：jQuery教程（视频）
以上就是jquery中怎么修改css样式的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2712911.html
