回答jquery怎么去掉body背景图片

 所属分类:web前端开发

 浏览:184次-  评论: 0次-  更新时间:2022-10-31
描述:更多教程资料进入php教程获得。 去掉body背景图片的方法:1、用css(),语法“$("body").css("background","none");”;2、用attr(),语法“...
更多教程资料进入php教程获得。

去掉body背景图片的方法:1、用css(),语法“$("body").css("background","none");”;2、用attr(),语法“$("body").attr("style","background:none");”。

前端(vue)入门到精通课程:进入学习
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具:点击使用

本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。

jquery去掉body背景图片的方法

方法1:使用css()

css() 方法返回或设置匹配的元素的一个或多个样式属性。

利用css() 方法直接给background属性添加新值“none”,设置新样式即可。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html>
 
    <head>
        <meta charset="UTF-8">
        <script src="js/jquery-1.10.2.min.js"></script>
        <style>
            body{
                background: url(img/2.png) no-repeat;
            }
        </style>
        <script type="text/javascript">
            $(document).ready(function() {
                $("button").click(function() {
                    $("body").css("background","none");
                });
            });
        </script>
    </head>
 
    <body>
        <button>去掉body背景图片</button>
    </body>
</html>
登录后复制

1.gif

方法2:使用attr()

使用attr()设置style属性,添加background:none样式,覆盖旧样式。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html>
 
    <head>
        <meta charset="UTF-8">
        <script src="js/jquery-1.10.2.min.js"></script>
        <style>
            body{
                background: url(img/2.png) no-repeat;
            }
        </style>
        <script type="text/javascript">
            $(document).ready(function() {
                $("button").click(function() {
                    $("body").attr("style","background:none");
                });
            });
        </script>
    </head>
 
    <body>
        <button>去掉body背景图片</button>
    </body>
</html>
登录后复制

2.gif

【推荐学习:jQuery视频教程、web前端视频】

以上就是jquery怎么去掉body背景图片的详细内容,更多请关注zzsucai.com其它相关文章!

 标签: jquery,
积分说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值积分充值会员更多说明»

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!