jquery如何改變css背景圖?

jquery改變CSS背景圖修改方法

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)建站！專注于網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、微信小程序開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了嘉黎免費(fèi)建站歡迎大家使用！

如果需要使用Jquery修改CSS網(wǎng)頁背景樣式。用戶可以這樣寫$(‘p’).css({"background-image":"url(../images/msg_btn.gif"});

Jquery-CSS用法

css() 方法返回或設(shè)置匹配的元素的一個(gè)或多個(gè)樣式屬性。返回第一個(gè)匹配元素的 CSS 屬性值。注釋：當(dāng)用于返回一個(gè)值時(shí)，不支持簡寫的 CSS 屬性（比如 "background" 和 "border"）。

參考資料：JQuery

jquery實(shí)現(xiàn)點(diǎn)擊a標(biāo)簽后添加背景顏色

1、新建一個(gè)html文件，命名為test.html。

2、在test.html文件內(nèi),使用p標(biāo)簽創(chuàng)建一個(gè)區(qū)域，下面將在p標(biāo)簽內(nèi)添加一個(gè)a標(biāo)簽。

3、在test.html文件內(nèi),設(shè)置p標(biāo)簽的id為mytest，主要用于下再通過該id獲得p標(biāo)簽對象。

4、在test.html文件內(nèi)，使用button標(biāo)簽創(chuàng)建一個(gè)按鈕，按鈕名稱為“添加一個(gè)a標(biāo)簽”。

5、在test.html文件內(nèi)，給button按鈕綁定onclick點(diǎn)擊事件，當(dāng)按鈕被點(diǎn)擊時(shí)，執(zhí)行addaa（）函數(shù)。

6、在js標(biāo)簽中，創(chuàng)建addaa()函數(shù)，在函數(shù)內(nèi)，創(chuàng)建一個(gè)變量html保存要添加的a標(biāo)簽，再使用append()方法向被選對象（p標(biāo)簽）內(nèi)添加一個(gè)a標(biāo)簽。

JS/Jquery，如何實(shí)現(xiàn)背景圖片的更換

更換背景圖片有兩種方式：

1、直接給元素附加css，因?yàn)閖s附加的css樣式要比css中的樣式權(quán)限高，那么js設(shè)置的背景圖片就會(huì)覆蓋之前的圖片

$(this).css("background","url(1.jpg) no-repeat 0 0");

2、寫兩個(gè)class，一個(gè)class里面寫一個(gè)背景圖片，js中操作的話直接改變元素的class就可以了

$(this).removeClass('classA').addClass('classB');

相對而言，第二種方式更好一點(diǎn)，實(shí)現(xiàn)了js中盡量不書寫css的理念，同時(shí)第二種可以實(shí)現(xiàn)背景圖片不斷替換，而第一種不行