這篇文章主要講解了“jquery如何去掉body背景圖片”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“jquery如何去掉body背景圖片”吧!
創(chuàng)新互聯(lián)是專業(yè)的井陘礦網(wǎng)站建設公司,井陘礦接單;提供網(wǎng)站建設、做網(wǎng)站,網(wǎng)頁設計,網(wǎng)站設計,建網(wǎng)站,PHP網(wǎng)站建設等專業(yè)做網(wǎng)站服務;采用PHP框架,可快速的進行井陘礦網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!
去掉body背景圖片的方法:1、用css(),語法“$("body").css("background","none");”;2、用attr(),語法“$("body").attr("style","background:none");”。
本教程操作環(huán)境:windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。
jquery去掉body背景圖片的方法
方法1:使用css()
css() 方法返回或設置匹配的元素的一個或多個樣式屬性。
利用css() 方法直接給background屬性添加新值“none”,設置新樣式即可。
<!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>
方法2:使用attr()
使用attr()設置style屬性,添加background:none
樣式,覆蓋舊樣式。
<!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>
感謝各位的閱讀,以上就是“jquery如何去掉body背景圖片”的內容了,經過本文的學習后,相信大家對jquery如何去掉body背景圖片這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián),小編將為大家推送更多相關知識點的文章,歡迎關注!
網(wǎng)頁名稱:jquery如何去掉body背景圖片
當前URL:http://m.newbst.com/article46/jeiceg.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站維護、網(wǎng)頁設計公司、虛擬主機、App設計、Google、企業(yè)網(wǎng)站制作
聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)