如何用jQuery去除div元素的背景颜色？
- 内容介绍
- 文章标签
- 相关推荐
本文共计427个文字，预计阅读时间需要2分钟。
两种方法：1. 使用CSS()设置背景属性，语法：$(div).css('background', 'none');；2. 使用attr()添加新背景样式，语法：$(div).attr('style', 'background:none');。操作环境：Windows 7系统、jQuery 3.2.1版本、De。
两种方法：1、用css()设置背景属性，语法“$("div").css('background','none')”；2、用attr()添加新背景样式，语法“$("div").attr('style','background:none')”。
本教程操作环境：windows7系统、jquery3.2.1版本、Dell G3电脑。
jquery去掉div背景的两种方法：
方法1、使用css()
用css()给div元素设置background属性，值为none
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="js/jquery-3.2.1.min.js"></script> <script> $(document).ready(function() { $("button").click(function() { $("div").css('background','none'); }); }); </script> <style> div{ height: 100px; margin: 10px; background:url(img/2.png) } </style> </head> <body> <button>去掉div的背景</button> <div>hello</div> </body> </html>
2、使用attr()
用attr()给div元素设置style属性，添加background:noney样式即可。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="js/jquery-3.2.1.min.js"></script> <script> $(document).ready(function() { $("button").click(function() { $("div").attr('style','background:none'); }); }); </script> <style> div{ height: 100px; margin: 10px; background:red; } </style> </head> <body> <button>去掉div的背景</button> <div>hello</div> </body> </html>
以上就是jquery怎么去掉div的背景的详细内容，更多请关注自由互联其它相关文章！
本文共计427个文字，预计阅读时间需要2分钟。
两种方法：1. 使用CSS()设置背景属性，语法：$(div).css('background', 'none');；2. 使用attr()添加新背景样式，语法：$(div).attr('style', 'background:none');。操作环境：Windows 7系统、jQuery 3.2.1版本、De。
两种方法：1、用css()设置背景属性，语法“$("div").css('background','none')”；2、用attr()添加新背景样式，语法“$("div").attr('style','background:none')”。
本教程操作环境：windows7系统、jquery3.2.1版本、Dell G3电脑。
jquery去掉div背景的两种方法：
方法1、使用css()
用css()给div元素设置background属性，值为none
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="js/jquery-3.2.1.min.js"></script> <script> $(document).ready(function() { $("button").click(function() { $("div").css('background','none'); }); }); </script> <style> div{ height: 100px; margin: 10px; background:url(img/2.png) } </style> </head> <body> <button>去掉div的背景</button> <div>hello</div> </body> </html>
2、使用attr()
用attr()给div元素设置style属性，添加background:noney样式即可。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="js/jquery-3.2.1.min.js"></script> <script> $(document).ready(function() { $("button").click(function() { $("div").attr('style','background:none'); }); }); </script> <style> div{ height: 100px; margin: 10px; background:red; } </style> </head> <body> <button>去掉div的背景</button> <div>hello</div> </body> </html>
以上就是jquery怎么去掉div的背景的详细内容，更多请关注自由互联其它相关文章！