這篇文章主要為大家展示了“jquery如何讓元素緩慢消失”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“jquery如何讓元素緩慢消失”這篇文章吧。

創(chuàng)新互聯(lián)建站長期為1000多家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊從業(yè)經(jīng)驗10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為徐州企業(yè)提供專業(yè)的成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計，徐州網(wǎng)站改版等技術(shù)服務(wù)。擁有十余年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

在jquery中，可以利用fadeOut()方法讓元素緩慢消失，該方法用于逐漸改變被選元素的不透明度，可以讓元素逐漸隱藏，設(shè)置參數(shù)可以設(shè)置元素消失的速度，語法為“元素對象.fadeOut(速度,不同點上元素的速度,執(zhí)行完后執(zhí)行的參數(shù))”。

本教程操作環(huán)境：windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。

jquery如何讓元素緩慢消失

在jquery中，通過獲得圖片對象 ，使用fadeOut()方法讓圖片慢慢消失。

新建一個html文件，命名為test.html，用于講解jquery如何讓圖片慢慢消失。在p標(biāo)簽內(nèi)，使用img標(biāo)簽創(chuàng)建一張圖片，下面將使用jquery方法讓該圖片慢慢消失。設(shè)置img標(biāo)簽的id屬性為mypic，主要用于下面通過該id獲得img對象。

使用button標(biāo)簽創(chuàng)建一個按鈕，按鈕名稱為“圖片慢慢消失”。給button按鈕綁定onclick點擊事件，當(dāng)按鈕被點擊時，執(zhí)行himg（）函數(shù)。創(chuàng)建himg()函數(shù)，在函數(shù)內(nèi)，通過id(mypic)獲得圖片對象，使用fadeOut()方法設(shè)置為slow，即可實現(xiàn)圖片慢慢消失。

在瀏覽器打開test.html文件，點擊按鈕，查看實現(xiàn)的效果。

總結(jié)：

1、創(chuàng)建一個test.html文件。

2、在文件內(nèi)，在p標(biāo)簽內(nèi)，使用img標(biāo)簽創(chuàng)建一張圖片，同時創(chuàng)建一個button按鈕，用于觸發(fā)執(zhí)行js函數(shù)。

3、在js標(biāo)簽內(nèi)，創(chuàng)建函數(shù)，在函數(shù)內(nèi)，通過獲得圖片對象，使用fadeOut()方法設(shè)置為slow，即可實現(xiàn)圖片慢慢消失。

注意事項

fadeOut（）方法的參數(shù)可以為slow，也可以設(shè)置為圖片消失的秒數(shù)，單位為毫秒。

以上是“jquery如何讓元素緩慢消失”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！