当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 使用jquery给新生的th绑定hover事件的实例

使用jquery给新生的th绑定hover事件的实例

2019年03月26日  | 移动技术网IT编程  | 我要评论

这是昨天在做一个动态的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，对之后加载进的元素都会有效果。

以上这篇使用jquery给新生的th绑定hover事件的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网