最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
使用jquery给新生的th绑定hover事件的实例
时间：2022-06-25 17:16:04 编辑：袖梨 来源：一聚教程网
这是昨天在做一个动态的table时遇到的一个小问题，table的th需要让鼠标在移入和移出时显示颜色变化，之前th是固定写死的，直接可以用jquery的hover()方法来实现。现在th需要用js/ajax来动态生成加载到页面，用hover()也就没效果了（因为要重新给th绑定mouseover和mouseout事件，而且考虑到可能会有多次加载th等情况，bind也要多次绑定，比较麻烦），在这里我使用了live来解决给新生的th绑定hover事件：
代码如下：
| 代码如下 | 复制代码 |
$(function(){ //.... $("th").live("mouseover",function(){ $(this).attr("style","color:#EE7600;font-weight:bold"); }).live("mouseout",function(){ $(this).removeAttr("style"); }); //.... }); | |
很简单的一段代码，使用两次live()分别给th绑定上mouseover和mouseout事件，由于.live()方法是使用了事件委托，能对一个还没有添加进DOM的元素有效，所以只要在jq中使用一次live，对之后加载进的元素都会有效果。
相关文章
- 百炼英雄怎么挂机 挂机方式及各等级最优点位攻略 12-15
- 百炼英雄vip礼包码大全 最新可用vip礼包码 12-15
- 光与影33号远征队符文收集：强力复生符文效果及获取方式详解 12-15
- 百炼英雄兑换码有哪些 最新可用兑换码及兑换方式 12-15
- 神器传说怎么克制闪避流 闪避流克制阵容实战攻略 12-15
- 神器传说怎么打异兽分最高 异兽冲榜高分搭配 12-15