jQuery 事件委派

/******************************************************************/

$(function(){
//live()事件委派，後續添加的li節點也會有與兄弟同樣的事件設置
$('li').live('click',function(){
alert($(this).html());
});
});
function add(){
$('ul').append('<li>趙</li>');//添加後趙這個元素一樣具備了click屬性
}

<h2>jquery事件委派</h2>
<ul>
<li>劉</li>
<li>關</li>
<li>張</li>
</ul>
<input type="button" value="添加" onclick="add()">

/******************************************************************/

 事件對象、阻止瀏覽器默認動做、阻止事件冒泡

$().bind(‘click’,function(evt){ window.event });

$().click(function(evt){});

$().bind(‘mouseover’,f1);

function f1(evt){}

事件對象：就使用紅色的evt便可，在jquery框架內部有作瀏覽器兼容處理。

 

阻止瀏覽器默認動做、阻止事件冒泡：

       dom2級瀏覽器默認動做阻止：

              事件對象.preventDefault();    主流瀏覽器

              事件對象.returnValue = false;   IE瀏覽器

       dom2級事件冒泡阻止：

              事件對象.stopPropagation();    主流瀏覽器

              事件對象.cancelBubule = true;   IE瀏覽器

      

在jquery裏邊：

       $().bind(‘click’,function(evt){

              evt.preventDefault();

              evt.stopPropagation();

       });

       preventDefault()方法是jquery的方法，名字與js底層代碼的名字一致而已。

                    而且其有作瀏覽器兼容處理

       stopPropagation()方法是jquery的方法，名字與js底層代碼的名字一致。

                          其有作瀏覽器兼容處理