jquery toggle使用/控制显示隐藏方法事件，PS：解决第一次无效

最新推荐文章于 2021-10-08 17:42:45 发布

weixin_34292287

最新推荐文章于 2021-10-08 17:42:45 发布

阅读量224

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/jgy/blog/111599

本文详细解析了jQuery中的toggle方法的工作原理及其在控制元素显示与隐藏时的用法，包括如何通过触发'click'事件确保方法正确执行，并提供了jQuery控制CSS display属性的详细说明。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

为什么80%的码农都做不了架构师？>>>

很多时候我们都需要这种有规律的切换，第一次点击做什么，第二次做什么，第三次做什么……

 $(this).toggle(
     function () {
        // 第一次……
     },
     function () {
        // 第二次……
     }
 ).trigger('click');

toggle里面你可以写无数个函数(function)，jquery会按次数进入循环,如果你只写2个，第三次进入的还是第一个方法……如果3个方法，第四次进入的就是第一个方法……你懂的……

注意：最关键的一点，很多同僚遇到第一次无效的情况，那就是最后忘记添加“.trigger('click');”切记！必须加！jquery API讲的很详细……

jquery控制css的display(控制元素的显示与隐藏)

使用jquery真的很方便，比如要控制div的显示与隐藏，一句话就搞定了，请看下面使用说明。
$("#id").show()表示display:block,
$("#id").hide()表示display:none;
$("#id").toggle()切换元素的可见状态。如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。

$("#id").css('display','none');
$("#id").css('display','block');
或
$("#id")[0].style.display = 'none';

原文链接：郏高阳

转载于:https://my.oschina.net/jgy/blog/111599