jquery的一些鏈式繫結事件

2022-07-30 02:45:12 字數 2117 閱讀 7603

對同乙個dom節點可以繫結多個事件,採用jquery的鏈式操作是種不錯的選擇,當然,以下**只能適用於已存在dom樹里的節點;

>jquery的鏈式繫結

title

>

6head

>

7<

body

>

8<

input

type

="text"

id="test"

/>

9<

script

src="jquery-1.9.1.js"

>

script

>

10<

script

>

11$(

function

()).bind(

"blur",

function

(e)).bind(

"click",

function

(e)).bind(

"propertychange input",

function

(e));

21});

22script

>

23body

>

24html

>

對於動態新增的節點,可以用jquery的on來繫結

>jquery的鏈式繫結

title

>

6head

>

7<

body

>

8<

button

id="btn"

>點我

button

>

9<

script

src="jquery-1.9.1.js"

>

script

>

10<

script

>

11$(

function

());

1617

$(document).on(

"focus",

"#test",

function

(e)).on(

"blur",

"#test",

function

(e)).on(

"click",

"#test",

function

(e)).on(

"propertychange input",

"#test",

function

(e));

26});

27script

>

28body

>

29html

>

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中的事件繫結

事件冒泡 在乙個物件上觸發某類事件 比如單擊onclick事件 如果此物件定義了此事件的處理程式,那麼此事件就會呼叫這個處理程式,如果沒有定義此事件處理程式或者事件返回true,那麼這個事件會向這個物件的父級物件傳播,從裡到外,直至它被處理 父級物件所有同類事件都將被啟用 或者它到達了物件層次的最頂...