jQuery toggle事件

toggle方法用绑定多个事件处理函数,以响应被选元素的轮流的 click 事件。

该方法也可用于切换被选元素的hide与show方法。

toggle功能在1.9版本之后发生变化了。不再支持多个事件轮流切换。

所以在1.9版本下的绑定toggle点击事件是这样的:

$(selector).toggle(function1(),function2(),functionN(),...)

//////注:必须有2个参数才能切换事件

在1.9之后的版本只好这么写:

//先立个标记,记录点击,根据点击次数来决定行为

let flag=0;

$('button').click(function(){

if(flag++%2==0){

////////do

}

else{

////////do

}

})

这样就可以实现点击事件切换了

切换 Hide() 和 Show()

检查每个元素是否可见。

如果元素已隐藏,则运行 show()。如果元素可见,则元素 hide()。这样就可以创造切换效果。

例子:

$('button').click(function(){

$('p').toggle(1000);

})

显示或隐藏元素

规定是否只显示或只隐藏所有匹配的元素

例:$(selector).toggle(switch)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • jQuery 安装 把 jQuery 添加到您的网页 如需使用 jQuery,您需要下载 jQuery 库(会在下...
    Clover园阅读 301评论 0 0
  • 通过jQuery,您可以选取(查询,query)HTML元素,并对它们执行“操作”(actions)。 jQuer...
    枇杷树8824阅读 671评论 0 3
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,394评论 0 2
  • 与其望着身后的黑暗哀叹,不如点亮心中的光,照亮前方的路! 2017.8.14 星期一 雨 文|莀夕禾兮 1 高...
    左柚右柠阅读 821评论 2 3
  • 看自己 自己看 不要问别人 想自己 自己想 不要想别人 活自己 自己活 不要畏别人
    小小仲马阅读 217评论 2 1