表格单元格增加hover事件

最新推荐文章于 2024-06-27 14:09:40 发布

leocat2011

最新推荐文章于 2024-06-27 14:09:40 发布

阅读量2.3k

点赞数

分类专栏： JavaScrip

本文链接：https://blog.csdn.net/leocat2011/article/details/73437970

版权

JavaScrip 专栏收录该内容

49 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML>
<html>

<head>
<meta charset=UTF-8 />

<script type="text/javascript" src="js/jquery-2.1.0.js"></script>
<script>
$(function() {

// $(document).on('mouseenter', '#msgTable001 tr .flag', function() {
// console.log("2222 : ");
// });
//
// $(document).on('mouseleave','#msgTable001 tr .flag',function(){
// console.log("4444 : ");
// });

$("#msgTable001 tr .flag").on('mouseenter', function() {
console.log("222233 : ");
});

$("#msgTable001 tr .flag").on('mouseleave',function(){
console.log("444455 : ");
});

});

</script>
</head>

<body>
<table id="msgTable001" border="1">
<tr>
<th>姓名</th>
<th>电话</th>
<th>电话</th>
</tr>
<tr>
<td>Bill Gates</td>
<td class="flag">555 77 854</td>
<td>555 77 855</td>
</tr>
</table>
</table>
</body>

</html>