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

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

jquery怎么讓元素緩慢消失

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

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

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

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

總結：

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

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

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

注意事項

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

相關視頻教程推薦：jQuery視頻教程