jquery如何改變css背景圖?

jquery改變CSS背景圖修改方法

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

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

Jquery-CSS用法

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

參考資料：JQuery

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

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

2、在test.html文件內(nèi),使用p標(biāo)簽創(chuàng)建一個區(qū)域，下面將在p標(biāo)簽內(nèi)添加一個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)建一個按鈕，按鈕名稱為“添加一個a標(biāo)簽”。

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

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

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

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

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

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

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

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

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

名稱欄目：jquery背景,jquery背景圖片淡入淡出
轉(zhuǎn)載注明：http://jinyejixie.com/article14/dsecgde.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、軟件開發(fā)、電子商務(wù)、標(biāo)簽優(yōu)化、微信公眾號、網(wǎng)站設(shè)計

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)