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

2022-02-21 11:58:00 字數 862 閱讀 4326

**

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

<

input type="

button

"value="

clickme"id

="btn1

"onclick="

foo()"/

>

就是直接在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如何重新繫結已經繫結的事件?雖然我們現在推薦行為分離,漸進增強,但在很多遺留系統裡還是存在很多這樣的 就是直接在dom元素上繫結事件 這樣做有很多缺點 1.高度耦合 2.增加html大小 3.書寫不了邏輯性很強的 這種繫結事件的方法太醜陋了,我們看看jquery等框架是如何繫結事件的?b...

jQuery元素選擇器(element)

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

jquery 替換空格

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