jQuery on click delegate區別,綁定未來元素事件 jQuery綁定事件,主要有一下幾種

巨大的建築,總是由一木一石疊起來的,我們何妨做做這一木一石呢?我時常做些零碎事,就是爲此。
這是對的,但是我沒有說過這句話! —— 魯迅

jQuery綁定事件,主要有一下幾種

直接click綁定

$('div').click(function(){

});

這種是用的最多的,但是這種綁定有一個前提,就是div元素必須存在,假如不存在,在未來添加的話,那就無效了

delegate綁定

$("div").delegate("button","click",function(){
  $("p").slideToggle();
});

其中 div是存在的, button可以是不存在的,可能是執行該方法之後,button才添加的,但是button一定是div的子元素。

on綁定

on綁定結合了二者的功能

$('p').on('click',function(){

});

這種同直接click,一樣。

$('div').on('click','select[name="fuelType"]',function(){

});

這種是可以給未來元素綁定事件,事件是加在子元素 select[name="fuelType"]上面,而不是div上面,div是父元素,是一開始就存在的,select元素是後來動態添加的.

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章