jquery 的on繫結誤解

2022-08-22 09:33:07 字數 362 閱讀 9053

jquery的on繫結事件到元素是很方便的事情,但是有乙個很多人都不注意的是,如果on繫結相同的事件2次,就會引發很奇怪的事件。看下面的**:

123

4

然後不管你怎麼點,這個div就是不顯示。當你去看console控制台,你會發現,輸出2個這個$(this)物件,這個是為什麼?因為我們執行了2次on繫結,jquery的不區分on繫結的是否是同乙個函式,所以先觸發第一次繫結,div應該顯示,但是有觸發第二次繫結,所以div變成不顯示了。這就是on的坑,但是on有乙個好處,就是元素可以是後面動態生成的,也可以相應的擁有繫結的事件,這個可以很方便寫外掛程式的時候因為一些dom後面生成後自動繫結對應的事件。

今天就記錄這個小知識點。

jQuery事件的繫結

在沒學習jquery之前需要html中使用on 的形式去繫結,這樣會讓 顯得很混亂 html只負責內容的描述 將要繫結的事件的元素選擇出來然後在js中實現繫結,就可以解決這一情況,可以使用jq實現這以操作,而且jq的事件繫結更靈活。jquery繫結單擊事件 方式1 function 方式2 func...

jQuery事件的繫結

jquery事件的繫結 在沒學習jquery之前需要html中使用on 的形式去繫結,這樣會讓 顯得很混亂 html只負責內容的描述 將要繫結的事件的元素選擇出來然後在js中實現繫結,就可以解決這一情況,可以使用jq實現這以操作,而且jq的事件繫結更靈活。jquery繫結單擊事件 方式1 funct...

JQuery 事件繫結,移除繫結

bind 隱式迭代,為匹配到的元素繫結相同的事件。selector bind event,func 繫結匿名函式 div p bind click function 繫結指定函式 div p bind click funcname params 繫結click事件 div p click funct...