jQuery替換element元素上已經繫結的事件

2021-08-31 07:56:24 字數 654 閱讀 4255

jquery如何重新繫結已經繫結的事件?雖然我們現在推薦行為分離,漸進增強,但在很多遺留系統裡還是存在很多這樣的**

就是直接在dom元素上繫結事件

這樣做有很多缺點

1.**高度耦合

2.增加html大小

3.書寫不了邏輯性很強的**

這種繫結事件的方法太醜陋了,我們看看jquery等框架是如何繫結事件的?

$("#btn1").click(function());

當然在新系統裡面我們可以直接繫結事件,但對於這種直接在elments上通過onclick(),onchange()來繫結事件的遺留的系統怎麼辦?

來看jquery如何巧妙的實現替換elements已繫結事件

("#btn1").unbind('click').removeattr('onclick').click(function() );
我們分析下核心**

我們先通過jquery的unbind()方法解綁click事件,然後removeattr(「onclick」),

就能把onclick屬性給去掉了

然後通過jquery的bind()或者直接click()來重新繫結我們的click事件

jQuery替換element元素上已經繫結的事件

jquery如何重新繫結已經繫結的事件?雖然我們現在推薦行為分離,漸進增強,但在很多遺留系統裡還是存在很多這樣的 input type button value clickme id btn1 onclick foo 就是直接在dom元素上繫結事件 這樣做有很多缺點 1.高度耦合 2.增加html大...

jQuery元素選擇器(element)

一 介紹 元素選擇器是根據元素名稱匹配相應的元素。通俗的講元素選擇器指向的是dom元素的標記名,也就是說元素選擇器是根據元素的標記名選擇的。可以把元素的標記名理解成學生的姓名,在乙個學校中可能有多個姓名為 劉偉 的學生,但是姓名為 吳語 的學生也許只有乙個,所以通過元素選擇器匹配到的元素可能有多個,...

jquery 替換空格

如果是用php替換所有的空格,可以直接這樣寫 srt str replace str 替換所有的空格.但自己有js這樣 str str.replace 寫替換空格的時候,打乙個空格可以替換,如果打兩個空格以上,就不可以了。js去除空格的方法目前共有12種 實現1 string.prototype.t...