PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > 开发编程 > Jquery教程 > 正文

    jQuery 控制CSS样式

    作者:admin来源:B5教程网浏览:时间:2020-09-30 00:07:50我要评论
    导读:(1)功能描述在页面中,增加一个<div>元素标记,用户单击该元素时,变换其字体和背景色,再次单击时,恢复其初始的字体和背景色。(2)实
    (1)功能描述
    在页面中,增加一个<div>元素标记,用户单击该元素时,变换其字体和背景色,再次
    单击时,恢复其初始的字体和背景色。
    (2)实现代码
    新建一个HTML文件1-4.html,加入如下代码:
    <!DOCTYPE html>
    <html>
    <head>
    <title>jQuery事件的链式写法</title>
    <script src="JScript/jquery-1.8.2.min.js" 
    type="text/javascript"></script> 
    <style type="text/css">
    .iframe{ border:solid 1px #888;font-size:13px;}
    .defcol{ padding:6px;background-color:#EEE;}
    .curcol{ padding:6px;background-color:#CCC;color:#FFF}
    </style> 
    <script type="text/javascript">
    $(function() {
    $(".defcol").click(function() {
    $(this).toggleClass("curcol");
    });
    });
    </script>
    </head>
    <body>
    <div class="iframe">
    <div class="defcol">标题</div>
    </div>
    </body>
    </html>
    (3)页面效果
    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-47-44-1.html
    相关热词搜索: jquery css样式