7-22 jq的事件冒泡解决方法

最近的任务比较多 已经从页面修改进步到了和jq打交道。遇到一个挺有趣一直没遇到过的问题。

事件冒泡。

意思就是说。

<tr id="tr"><td><input type ="button" value ="试试" id = "bt"/></td><td><%=Html .TextBox ("ty") %></td><td><a id="gg" href ="html;//sdfsdfsd.com">ty</a></td></tr>

$(document).ready(
    function () {
        $("#bt").click(
        function () {
            alert("bt");        })
        $("#tr").live("click", function () {
            alert("tr");
        })

这个时候 点击bt的话竟然也会触发tr的时间~这个有点小爽，查了下解决的方式。有2种。一种是

event.stopPropagation(); 记得参数加上event

另外一种是wayman教我的 挺有意思的一个

直接在bt的时间后面加个return false 就可以避免了。

有用且简单，故mark之。