jquery的幾個元素繫結事件方法

2021-07-04 03:40:28 字數 724 閱讀 7154

bind(type,[data],fn) 為每個匹配元素的特定事件繫結事件處理函式

$("

a").bind("

click

",function());

live(type,[data],fn) 給所有匹配的元素附加乙個事件處理函式,即使這個元素是以後再新增進來的

$("

a").live("

click

",function());

delegate(selector,[type],[data],fn) 指定的元素(屬於被選元素的子元素)新增乙個或多個事件處理程式,並規定當這些事件發生時執行的函式

$("

#container

").delegate("

a","

click

",function())

on(events,[selector],[data],fn) 在選擇元素上繫結乙個或多個事件的事件處理函式

差別:

.bind()是直接繫結在元素上

.live()則是通過冒泡的方式來繫結到元素上的。更適合列表型別的,繫結到document dom節點上。和.bind()的優勢是支援動態資料。

.delegate()則是更精確的小範圍使用事件**,效能優於.live()

.on()則是最新的1.9版本整合了之前的三種方式的新事件繫結機制

jquery 動態元素事件繫結 on

jquery on 方法是官方推薦的繫結事件的乙個方法。selector on event,childselector,data,function,map 由此擴充套件開來的幾個以前常見的方法有.bind p bind click function p on click function deleg...

jquery給動態元素繫結事件

在jquery中,我們經常使用 elem bind event,function 這種方式給元素繫結事件。在大部分情況下這種寫法無疑是適用的。然而,當頁面上原本不存在某些如button,select等元素,而是後期通過動態建立的方式建立出來的控制項,這種寫法,便不再適用了。selector on e...

jquery移除 繫結 觸發元素事件

jquery移除 繫結 觸發元素事件unbind type data data是要移除的函式 btn unbind click 移除click btn unbind 移除所有對於只需要觸發一次的,隨後就要立即解除繫結的情況,用one btn one click function 觸發操作 trigg...