remove與empty一樣,都是移除元素的方法,但是remove會將元素自身移除,同時也會移除元素內(nèi)部的一切,包括綁定的事件及與該元素相關(guān)的jQuery數(shù)據(jù)。
例如一段節(jié)點,綁定點擊事件
<div class="hello"><p>慕課網(wǎng)</p></div> $('.hello').on("click",fn)
如果不通過remove方法刪除這個節(jié)點其實也很簡單,但是同時需要把事件給銷毀掉,這里是為了防止"內(nèi)存泄漏",所以前端開發(fā)者一定要注意,綁了多少事件,不用的時候一定要記得銷毀
通過remove方法移除div及其內(nèi)部所有元素,remove內(nèi)部會自動操作事件銷毀方法,所以使用使用起來非常簡單
//通過remove處理 $('.hello').remove() //結(jié)果:<div class="hello"><p>慕課網(wǎng)</p></div> 全部被移除 //節(jié)點不存在了,同事事件也會被銷毀
remove表達式參數(shù):
remove比empty好用的地方就是可以傳遞一個選擇器表達式用來過濾將被移除的匹配元素集合,可以選擇性的刪除指定的節(jié)點
我們可以通過$()選擇一組相同的元素,然后通過remove()傳遞篩選的規(guī)則,從而這樣處理
對比右邊的代碼區(qū)域,我們可以通過類似于這樣處理
$("p").filter(":contains('3')").remove()
請驗證,完成請求
由于請求次數(shù)過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報