jquery on();

標籤：style   color   io   java   ar   div   sp   cti   on   

<span style="color:#ff0000;"></span><pre name="code" class="javascript"><h2>on(events,[selector],[data],fn)</h2><div><span style="font-size:18px;color:#ff0000;">selector:是祖先元素的子項目，這樣祖先元素就可以處理這個選取器所對應的對象的所有事件</span></div>

<span style="color:#ff0000;">$(".comment_bar").</span>on("click",<span style="color:#ff0000;">"button"</span>,function(){var aa = $(this).parents(".comment_bar").find(".reply_list");aa.append($(".reply_comment"));$(".reply_comment").css("display","block");});

<span style="font-size:14px;">這樣通過button的祖先$(".comment_bar")可以代理處理button元素的任何事件，實際上button元素上面是沒有綁定處理click事件的方法的。</span>

<span style="font-size:14px;">當點擊button按鈕時，<span style="color:#ff0000;">通過事件冒泡機制</span>，這個事件會傳遞到他的祖先元素<span style="font-family: Arial, Helvetica, sans-serif;">$(".comment_bar")，祖先元素會判斷</span><span style="font-family: Arial, Helvetica, sans-serif;">這個事件的發起者是不是button如果是就會執行處理事件的方法。</span></span>

<h2>on(events,[selector],[data],fn)</h2><div><span style="font-size:18px;color:#ff0000;">selector:是祖先元素的子項目，這樣祖先元素就可以處理這個選取器所對應的對象的所有事件</span></div>

jquery on();