首页 / JQUERY / web前端学习（五）（4）-- jQuery隐藏显示与淡入淡出、滑动、回调

web前端学习（五）（4）-- jQuery隐藏显示与淡入淡出、滑动、回调

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了web前端学习（五）（4）-- jQuery隐藏显示与淡入淡出、滑动、回调，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含755字，纯文字阅读大概需要2分钟。

内容图文

1、隐藏与显示

            <!
            DOCTYPE html
            >
            <
            html 
            lang
            ="en"
            >
            <
            head
            >
            <
            meta 
            charset
            ="UTF-8"
            >
            <
            title
            >Title</title><script src="jquery-3.3.1.min.js"></script><script>
        $(document).ready(function(){
            $("#hide").click(function(){
                $("p").hide(1000);/*慢慢隐藏*/
            });
            $("#show").click(function(){
                $("p").show(1000);/*慢慢显示*/
            });
            $("#btn3").click(function(){
                $("p").toggle(1000);/*一个按钮实现隐藏和显示*/
            });
        });
    </script></head><body><p>p元素</p><button id="hide">删除</button><button id="show">显示</button><button id="btn3">隐藏/显示</button></body></html>

 

 

2、淡入淡出

3、滑动

4、回调

原文：https://www.cnblogs.com/foreverlin/p/10117986.html

内容总结

以上是互联网集市为您收集整理的web前端学习（五）（4）-- jQuery隐藏显示与淡入淡出、滑动、回调全部内容，希望文章能够帮你解决web前端学习（五）（4）-- jQuery隐藏显示与淡入淡出、滑动、回调所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1298288.html

来源：【匿名】