我的第五课：jQuery 效果 - 隐藏和显示，切换

最新推荐文章于 2022-09-23 19:25:52 发布

没有一明天

最新推荐文章于 2022-09-23 19:25:52 发布

阅读量631

点赞数

分类专栏： jquery学习文章标签： jquery

本文链接：https://blog.csdn.net/meiyouyimingtian/article/details/20324265

版权

jquery学习专栏收录该内容

16 篇文章 0 订阅

订阅专栏

jQuery 效果 - 隐藏和显示，切换的代码如下：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<head>
   <script type="text/javascript" src="js/jquery-1.7.1.js"></script>
   <script type="text/javascript">
      $(document).ready(
         function()
         {
            $("#hide").click(
               function()
               {
               $("p").hide();
               }
            );
         }
      );

   $(document).ready(
       function()
       {
    $("#show").click(
        function()
        {
        $("p").show();
        }
    );
       }
   );
   $(document).ready(
      function(){
         $("#manhide").click(
           function()
           {
              $("p").hide(1000);
           }
         );
      }
   );
   $(document).ready(
       function()
       {
         $("#hideshow").click(
           function()
           {
               $("p").toggle();
           }
         );
       }

   );
   </script>
</head>

<body>
   <p >点击：我要隐藏起来</p>

   <button id="hide" type="button">隐藏</button>
   <button id="show" type="button">显示</button>
   <button id="manhide" type="button">慢慢隐藏</button>
   <button id="hideshow" type="button">隐藏显示</button>
</body>
</html>

没有一明天

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
我的第五课：jQuery 效果 - 隐藏和显示，切换

jQuery 效果 - 隐藏和显示，切换，淡入淡出的代码如下： $(document).ready( function() { $("#hide").click( function() {
复制链接

扫一扫

专栏目录