jquery live hover事件的替代写法
2016-01-07 14:06
627 查看
HTML中的hover行为通常在样式中定义,利用jquery实现此效果有两种情况。
第一种是常见的针对页面中静态的元素,以改变元素样式中的border-color为例,写法如下:
第二种写法是针对页面中通过jquery动态加载生成的元素,还是以改变元素样式中的border-color为例,写法如下:
第二种jquery效果需要jquery 1.4.2+版本支持。
第一种是常见的针对页面中静态的元素,以改变元素样式中的border-color为例,写法如下:
$(function(){ $(".graybox_img_list").hover( function(){ $(this).css("border-color","#d4d3d3");//鼠标移入事件 }, function(){ $(this).css("border-color","white");//鼠标移出事件 } ); });
第二种写法是针对页面中通过jquery动态加载生成的元素,还是以改变元素样式中的border-color为例,写法如下:
$(function(){ $(".graybox_img_list").live({ mouseenter:function(){ $(this).css("border-color","#d4d3d3");//鼠标移入事件 } , mouseleave:function(){ $(this).css("border-color","white");//鼠标移出事件 } }); });
第二种jquery效果需要jquery 1.4.2+版本支持。
相关文章推荐
- 前端程序员应该知道的 15 个 jQuery 小技巧
- 基于jQuery选择器的整理集合
- Jquery-数组删除元素
- DOM对象与jquery对象有什么不同
- JQuery语法总结和注意事项
- ASP.NET jquery ajax传递参数
- jquery json实现省市级级联
- js,JQuery随时更新
- jQuery表格插件datatables用法详解
- 很简单的JQuery网页换肤
- 操他妈的,jquery1.4以上不能用toggle()轮流切换函数
- jquery常用方法
- jQuery formValidator表单验证
- 【jQuery】兼容IE6树形组件jquery-treeview-master
- jQuery常用总结
- 如何解决jquery库的冲突问题
- <学习笔记> jQuery 工具与事件
- <学习笔记> jQuery 选择器
- jQuery中判断一个元素是否为另一个元素的子元素(或者其本身)
- 怎么使用jquery判断一个元素是否含有一个指定的类(class)另外如何给元素动态添加类