關於jQuery中click live on中的坑

2022-02-14 18:46:39 字數 833 閱讀 7512

click()方法針對未建立的元素不起作用,譬如用js傳入的元素,所以可以使用live()方法來操作未建立的元素屬性

1 $("button").live("click",function

());

該方法在1.9版本被棄用了。

根據jquery的官方描述,live方法在1.7中已經不建議使用,在1.9中刪除了這個方法。並建議在以後的**中使用on方法來替代。

on方法可以接受三個引數:事件名、觸發選擇器、事件函式。

需要特別注意的是:on方法中間的這個觸發選擇器就是你將要新增的html元素的類名、id或者元素名,使用它就可以實現live的效果。

例如我的html文件中已經有了乙個id為parent的div,我將要在這個div內部再動態新增乙個class為son的span,然後我為這個span繫結乙個事件,那麼我需要這樣寫:

1 $('#parent').on('click','.son',function());

這裡也需要注意一下:on()方法,要繫結到父級或者 body

並且$(#list')父級元素必須是已經建立了的元素(就是不是通過js傳入的元素)

'#list' 為目標操作元素的父級元素(必須是已經存在元素) |  'click' 為需要操作的元素屬性  |  '.pure-u-3-4 a' 是目標操作元素

1 $('#list').on('click','.pure-u-3-4 a', function

() )

通過這樣一番折騰,最終才能彈出haha 

關於jQuery外掛程式中datatables的學習

reference function inittable ajax function data,callback,settings else columns data的名字和你返回引數裡面json裡的名字相對應,title相當於th,表頭這樣子的,class代表樣式。else return data...

關於angularjs中的jQuery

下面是乙個小例子,用來說明我經常看到的一種模式。我們需要乙個開關型的按鈕。注意 這個例子的 有點裝逼,並且有點冗長,只是為了用來代表更加複雜一些的例子,這些例子通常是以與此相同的方式來解決的。directive mydirective function else on on 這段 裡面有很多錯誤的地...

jquery 中關於DOM 的常用操作

jquery 的 dom 操作 create p jquery 中建立節點 prepend prependto 新增節點 新增位置 匹配元素內容的最前面 和匹配元素的關係 父子 after insertafter 新增節點 新增位置 匹配元素的後面 和匹配元素的關係 兄弟 會破壞文件結構 befor...