zoukankan      html  css  js  c++  java
  • jQuery 效果 – 隐藏和显示

    在 jQuery 中可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素,以及使用 toggle() 方法能够切换 hide() 和 show() 方法。

    隐藏、显示、切换,滑动,淡入淡出,以及动画,哇哦!

    点击 显示/隐藏面板


    实例

    jQuery hide()
    简单的jQuery hide()方法演示。

    jQuery hide()
    另一个hide()实例。演示如何隐藏文本。


    jQuery hide() 和 show()

    通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素:

    实例

    $("#hide").click(function(){
      $("p").hide();
    });

    $("#show").click(function(){
      $("p").show();
    });

    尝试一下 »

    语法:

    $(selector).hide(speed,callback);
    $(selector).show(speed,callback);

    可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。

    可选的 callback 参数是隐藏或显示完成后所执行的函数名称。

    下面的例子演示了带有 speed 参数的 hide() 方法:

    实例

    $("button").click(function(){
      $("p").hide(1000);
    });

    尝试一下 »

    jQuery toggle()

    通过 jQuery,您可以使用 toggle() 方法来切换 hide() 和 show() 方法。

    显示被隐藏的元素,并隐藏已显示的元素:

    实例

    $("button").click(function(){
      $("p").toggle();
    });

    尝试一下 »

    语法:

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

    可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。

    可选的 callback 参数是 toggle() 方法完成后所执行的函数名称。

    可选的 callback 参数,具有以下三点说明:

      1. $(selector)选中的元素的个数为n个,则callback函数会执行n次
      2. callback函数名后加括号,会立刻执行函数体,而不是等到显示/隐藏完成后才执行
      3. callback既可以是函数名,也可以是匿名函数
  • 相关阅读:
    JQuery 点击子控件事件,不会触发父控件的事件
    JQuery对Style和css设置
    2019vue学习视频(入门到精通)
    新建一个vue项目
    FIS3 构建
    node环境变量
    阿里云重启ssh
    msf 获取session 之后
    acccheck (暴力破解使用SMB协议的Windows密码)
    利用 Cut 指定输出内容
  • 原文地址:https://www.cnblogs.com/navysummer/p/8456684.html
Copyright © 2011-2022 走看看