zoukankan      html  css  js  c++  java
  • jQuery学习笔记——隐藏和显示

    jQuery效果——隐藏和显示

    (1) hide()和show()

    如:

    $("#myButton").click(function(){

      $(this).hide(); //执行该句,将会隐藏当前元素

      $(this).show(); //执行此句,将会显示当前元素

      $(this).hide(1000); //执行此句,将会有一个渐变过程1000毫秒

      $(this).show(1000); //同理,显示过程有1000毫秒的渐变效果

      $(this).hide(1000,function(){

        alert("延迟1000毫秒之后,被隐藏了!");

      }); //执行此句,将在渐变1000毫秒效果隐藏之后,弹出alert显示提示内容

      // $(selector).hide(speed,callback);是基础语法

    });

     

    (2) toggle()函数

    该函数将会颠倒元素显示状态——hide的变show, show的变hide;

    如:$("#myButton").click(function(){

      $("#anotherButton").toggle();

    }

    同样,toggle也能像hide和show函数一样,带有speed和callback参数扩展:

    $(selector).toggle(speed,callback);

    如:

    $("#anotherButton").toggle(500,function(){

      alert("toggle渐变执行时间500毫秒,之后弹出这个提示框!");

    });

  • 相关阅读:
    DBHelper
    ASP.NET WEBAPI oken验证
    市面上的网盘和搜索网盘资源网站
    C#批量删除注释与空行
    DB help
    抽象工厂1
    抽象工厂
    单例模式的八种写法
    Docker概念
    Django的安装
  • 原文地址:https://www.cnblogs.com/Min-min/p/6050113.html
Copyright © 2011-2022 走看看