使用jquery给新生的th绑定hover事件的实例
更新时间：2017年02月10日 10:06:40 投稿：jingxian
下面小编就为大家带来一篇使用jquery给新生的th绑定hover事件的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
这是昨天在做一个动态的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事件的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
jQuery mobile在页面加载时添加加载中效果 document.ready 和window.onload执行顺序
这篇文章主要介绍了jQuery mobile在页面加载时添加加载中效果 document.ready 和window.onload执行顺序比较，非常不错，具有参考借鉴价值,需要的朋友可以参考下2016-07-07
jQuery事件绑定on()、bind()与delegate() 方法详解
这篇文章主要详细介绍了jQuery事件绑定的三种方法，分别是on()、bind()与delegate()，十分的浅显易懂，有需要的小伙伴可以参考下。2015-06-06
点击一个按钮时，弹出一个自定义窗口，并且可以随意的拖拽，jquery也可以实现这样的功能，下面有个不错的示例，大家可以感受下2014-03-03
这篇文章主要介绍了基于jquery实现鼠标左右拖动滑块滑动附源码下载 的相关资料,需要的朋友可以参考下2015-12-12
用jQuery实现一些导航条切换,显示隐藏的实例代码，需要的朋友可以参考一下2013-06-06
jquery ajax2015-11-11
本文将利用jquery实现页面图片等比例放大和缩小。说明: 页面中经常需要将未知大小的图片展示在有限的空间里, 如果直接指定图片的width和height值, 就有可能造成图片走样, 这段代码就是为解决这个问题设计2014-02-02
这篇文章主要为大家剖析了JavaScript for循环中发送AJAX请求问题，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-03-03
在JS中设置节点的属性与属性值用到setAttribute(),获得节点的属性与属性值用到getAttribute(),而在jquery中，只需要用到attr()这个函数就可以了。attr是attribute（属性）的缩写。2016-09-09
jquery中的 $("#jb51")与document.getElementById("
以前没注意过，认为jquery 中的 $("#jb51") 与 document.getElementById("jb51") 是一回事，指的是同一个东西。2011-07-07
最新评论