`
nianshi
  • 浏览: 407618 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

Jquery中的hover()和toggle()用法

阅读更多

hover(fn1,fn2): 一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。
//当鼠标放在表格的某行上时将class置为over,离开时置为out。
$("tr").hover(function(){
$(this).addClass("over");
},
        function(){
        $(this).addClass("out");
});

 

 

toggle(evenFn,oddFn): 每次点击时切换要调用的函数。如果点击了一个匹配的元素,则触发指定的第一个函数,当再次点击同一元素时,则触发指定的第二个函数。随后的每次点击都重复对这两个函数的轮番调用。
        //每次点击时轮换添加和删除名为selected的class。
        $("p").toggle(function(){
                $(this).addClass("selected");   
        },function(){
                $(this).removeClass("selected");
        });

 

 

两个函数都能实现轮番调用两个函数。。。。

分享到:
评论

相关推荐

    jQuery中hover方法和toggle方法使用指南

    本文重点给大家介绍了jQuery中的2个函数hover和toggle的使用方法和示例,非常的简单实用,推荐给小伙伴们参考下。

    jQuery复合事件结合toggle()方法的用法示例

    本文实例讲述了jQuery复合事件结合toggle()方法的用法。分享给大家供大家参考,具体如下: 定义和用法 toggle() 方法用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click 事件。 语法: $(selector)....

    jQuery中的时间与动画

    3. 在jQuery中,提供了hover()和toggle()等符合事件方法 4. 在jQuery中,提供了一系列显示动画的方法。其中,使用show()方法控制元素的显示,使用hide()方法控制元素的隐藏,使用toggle()方法切换元素的可见状态,...

    JQuery中DOM事件合成用法实例分析

    jQuery有两个合成事件——hover()方法和toggle()方法,类似前面讲过的ready()方法,hover()方法和toggle()方法都属于jQuery自定义的方法。 hover()方法 hover()方法的语法结构为: hover(enter,leave); hover()方法...

    JQuery权威指南源代码

    使用sortable插件实现列表中表项的拖曳排序操作 使用accordion插件实现区域块的折叠操作 使用datepicker插件实现选择日期的操作一 使用datepicker插件实现选择日期的操作二 使用tabs插件展示选项卡的基本功能 ...

    jQuery权威指南-源代码

    其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在jQuery中的应用,以及各种常用的jQuery插件的使用方法和技巧,所有这些知识点都配有完整的示例(包括...

    jQuery权威指南366页完整版pdf和源码打包

    4.4.1 hover()方法 4.4.2 toggle()方法 4.5 移除事件 4.6 其他事件 4.6.1 方法one() 4.6.2 方法trigger () 4.7 表单应用 4.7.1 文本框中的事件应用 4.7.2 下拉列表框中的事件应用 4.8 ...

    深入理解JQuery中的事件与动画

    首先,使用JQuery事件与动画的效果比使用原生js来的方便得多,当然,最重要的是考虑到了浏览器的兼容性。 事件: 基于原生js,常用事件有blur,focus,hover,mouseout,mouseover,mouseleave,ready,change,select,...

    jQuery插件simplePagination的使用方法示例

    本文实例讲述了jQuery插件simplePagination的使用方法。分享给大家供大家参考,具体如下: 正在熟悉项目上的代码,新添加了一个需要,需要对表单进行分页,之前的代码中是有分页的代码的,看了老半天,也没看太明白...

    分享15个大家都熟知的jquery小技巧

    帮助提高你jQuery应用的15个大家都熟知的jquery小技巧,分享给大家 回到顶部按钮 ...利用jQuery里的animate和scrollTop方法,你便不需要使用插件创建简单的滚动到顶部动画。 // Back to top $('.to

Global site tag (gtag.js) - Google Analytics