jquery中on delegate的原理

2021-09-08 12:13:24 字數 575 閱讀 4159

早期版本中叫delegate, 後來有過live函式,再後來統一用on。下面的方法等效:

// jquery 1.3

$(selector).(events, data, handler);

// jquery 1.4.3+

$(elements).delegate(selector, events, data, handler);

// jquery 1.7+ live過時 舊版本的jquery中使用者,應優先使用.delegate()來取代.live()

$(elements).on(events, selector, data, handler);

**的好處就是動態新增的元素,之前之前繫結的事件依然有效,直接使用bind是無法在這種情況下生效的。

**事件其實就是利用了事件冒泡機制,給父元素繫結事件,在handler中判斷target是否是期望的目標元素,然後做相應的處理。

$(document).bind('click', function(e) 

return true;

});

jQuery中ajaxPrefilter的應用

jquery的定義了乙個ajax過濾器ajaxprefilter,通過該過濾器可以過濾通過jquery相應的ajax函式傳送的ajax請求。在專案中,很多地方存在指定開始時間 結束時間來獲取該時間區間內某些值隨時間變化的過程線的需求,我們可以定義乙個通用的ajaxprefilter來過濾所有ajax...

jQuery中的動畫 《鋒利的JQuery》

自css3以來,主流 開始偏向於扁平風格和動畫效果,這時就可以jquery的動畫就可以發揮其長處了,靈活的應用其動畫api,讓我們可以設計出很多絢麗的效果。下面,讓我們來列舉一些jquery常用的動畫api。1 show 和hide 方法 1 從display none還原元素預設或已設定的disp...

jquery學習(六) jquery中的動畫

參考鋒利的jquery第二版 1.show和hide方法 呼叫方法 element.hide 隱藏元素,element.show 顯示元素。其實說白了,其原理就是將元素的樣式display值設定為none或block。若想讓元素慢慢隱藏或顯示,可以為其新增乙個速度的引數,如element.show ...