JQuery实现内容的显示与隐藏动作循环出现

jQuery简介及示例

最新推荐文章于 2023-09-19 22:35:35 发布

原创最新推荐文章于 2023-09-19 22:35:35 发布 · 2.6k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html #jquery

前端同时被 2 个专栏收录

24 篇文章

订阅专栏

锋利的JQuery

9 篇文章

订阅专栏

本文介绍了jQuery这一跨平台JavaScript库的基本概念，强调了其简化客户端脚本的目标，并提及该库为免费开源软件，遵循MIT许可证发布。此外，还提供了一个简单的jQuery代码示例，展示了如何通过点击事件来控制元素的显示与隐藏。

       <h2>什么是JQuery</h2>
       <div id="content" hidden="true">jQuery的是跨平台的 JavaScript库旨在简化客户端脚本的HTML。
       [3]它是免费的开源软件，使用许可的麻省理工学院许可证。
       [2] Web分析表明，它是广泛部署的JavaScript库。</div>
       </div>

div先隐藏，等点击h2标签时，显示，再次点击时隐藏

         $("h2").bind("click",function(){
           if( $(this).next().is(":visible")){
              $(this).next().hide();
           }else{
              $(this).next().show();
           }
             
         });

效果展示：

1.刷新页面：