jQuery刪除一個元素后淡出效果展示刪除過程的方法
更新時間：2015年03月18日 10:20:45 作者：上大王
這篇文章主要介紹了jQuery刪除一個元素后淡出效果展示刪除過程的方法,實例分析了jQuery中fadeTo及slideUp等方法的使用技巧,非常具有實用價值,需要的朋友可以參考下
本文實例講述了jQuery刪除一個元素后淡出效果展示刪除過程的方法。分享給大家供大家參考。具體分析如下：
當我們刪除一個元素時希望能看到刪除的過程，這個效果通過對元素進行淡出展示動態(tài)化刪除過程。
$("#myButton").click(function() {
$("#myDiv").fadeTo("slow", 0.01, function(){//fade
$(this).slideUp("slow", function() {//slide up
$(this).remove();//then remove from the DOM
});
});
});
希望本文所述對大家的jQuery程序設計有所幫助。
相關文章
![前端開發(fā)部分總結[兼容性、DOM操作、跨域等]（持續(xù)更新）](http://img.jbzj.com/images/xgimg/bcimg0.png)
前端開發(fā)部分總結[兼容性、DOM操作、跨域等]（持續(xù)更新）
在公司做這個項目已經6個多月了，總結一些問題，也算是拋磚引玉吧，希望更多的朋友一起分享一些技巧。2010-03-03
jQuery :nth-child前有無空格的區(qū)別分析
:nth-child(index)子元素過濾選擇器的描述是：選取每個父元素下的弟index個子元素，index從1開始。2011-07-07
這篇文章主要介紹了jquery實現鼠標點擊后展開列表內容的導航欄效果,通過簡單的jQuery鏈式操作實現針對頁面元素的遍歷及樣式動態(tài)變換功能,需要的朋友可以參考下2015-09-09
本篇文章主要是對jQuery點擊自身以外地方關閉彈出層的簡單實例進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
jQuery EasyUI NumberBox(數字框)的用法
jQuery EasyUI 數字框(NumberBox)用法2010-07-07
謂切換事件，即有兩個以上的事件綁定于一個元素，在元素的行為動作間進行切換,有兩個方法用于事件的切換，一個方法是hover()，另一個是toggle(),感興趣的朋友不妨了解下,或許對你有所幫助2013-02-02
據jQuery官方博客5月3日的最新消息，jQuery 1.6 正式版已經可以下載使用。jQuery 1.6 版本包括了對屬性(Attribute)模型的重要重寫，還有諸多性能優(yōu)化。借此機會感謝jQuery開發(fā)團隊和jQuery錯誤分類團隊的成員。2011-05-05
jquery其實是有個進度條插件的，叫做jqueryprogressbar.js，可是想練習一下，就沒有用，自己寫了點代碼。這個代碼其實是參考別人的，因為自己的JS基礎不是很好。2010-03-03
jQuery中each和js中forEach的區(qū)別分析
這篇文章主要介紹了jQuery中each和js中forEach的區(qū)別,結合實例形式較為詳細的分析了jQuery中each和js中forEach針對數組與對象遍歷的相關操作技巧與注意事項,需要的朋友可以參考下2019-02-02
懸停效果、延遲加載想必大家都有見到過吧，在本文將為大家介紹下是如何實現的，感興趣的朋友不要錯過2013-11-11