日期:2014-05-16  浏览次数:20394 次

jquery 的老鸟请进。。。急
<table>
  <tr>
  <td><div>1</div></td>
  <td></td>
  </tr>
</table>
代码如上,我在td中添加了点击事件,div也有个点击事件,当我点击第一列是,怎么才能触发div的事件,而忽略掉td事件,,,急,跪求老鸟飞过

------解决方案--------------------
<script src="jquery-1.4.1.js" type="text/javascript"></script>
<script type="text/javascript">

$(function () {

$("div").click(function () {
alert("是div");
return false;
}).css("backgroundColor", "red")

$("td").click(function () { alert("is td") }).css("backgroundColor", "#123");

});
</script>

<table>
<tr>
<td><div>1</div></td>
<td></td>
</tr>
</table>
------解决方案--------------------
使用return false 或event.stopPropagation()来阻止事件冒泡
------解决方案--------------------
阻止事件冒泡
------解决方案--------------------
event.stopImmediatePropagation();
------解决方案--------------------
顺便说一下,在jquery mobile开发的程序里,某些情况下,使用event.stopImmediatePropagation();或者event.stopPropagation()可能会出现跳到第一页的情况,用return false可以避免这一问题
------解决方案--------------------
阻止冒泡事件