码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-12-14 10:52:46      阅读:174      评论:0      收藏:0      [点我收藏+]

标签:cti   show   script   3.1   html   隐藏和显示   src   fun   charset   

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、回调

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

标签:cti   show   script   3.1   html   隐藏和显示   src   fun   charset   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!