超级幽默的JQuery消失效果讲解

Posted 超Web之家

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了超级幽默的JQuery消失效果讲解相关的知识,希望对你有一定的参考价值。

 我也是被菜鸟教程里面的JQuery中的教程逗笑了啊。

里面有一个讲到show和hide的用法。代码是长这样子的:
    
    <html>
    <head>
    <meta charset="UTF-8">
    <title>JQuery的消失效果</title>
    <script >
    </script>
    <script>

      $(document).ready(function(){

      $("p").click(function(){

     $(this).hide();

     });

    });

    </script>
    </head>
    <body>
    <p>如果你点击我就会消失</p>
    <p>如果你还点击我再消失</p>
    <p>你舍得让我消失吗?</p>
    </div>
    </body>
    </html>

p是段落标签,document是文档,click是点击事件,ready是初始函数,hide是隐藏函数。你被逗笑了吗,嘻嘻


以上是关于超级幽默的JQuery消失效果讲解的主要内容,如果未能解决你的问题,请参考以下文章

页面加载中jquery逐渐消失效果实现

jQuery 悬停效果:一个 div 消失,另一个 div 出现

jQuery 页面加载等待特效,当数据加载完成效果消失的代码?

用JQuery实现页面Loading的效果,即:当页面加载完成前显示Loading的进度条,全部加载完成之后进度条消失

Jquery 图片走马灯效果原理

左侧菜单栏折叠展开效果-超级简单