使用 hide和 show方法来隐藏和显示 HTML 元素

2023-12-18

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

实例

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

  $("p").hide();

  });

  http://www.jshk.com.cn/mb/reg.asp?kefu=xiaoding;//爬虫IP获取;

  $("#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);

  });

尝试一下»

下面的例子演示了带有speed参数的hide()方法,并使用回调函数:

实例

$(document).ready(function(){

  $(".hidebtn").click(function(){

  $("div").hide(1000,"linear",function(){

  alert("Hide()方法已完成!");

  });

  });

  });

尝试一下»

第二个参数是一个字符串,表示过渡使用哪种缓动函数。(译者注:jQuery自身提供"linear"和"swing",其他可以使用相关的插件)。

jQuery toggle()

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

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

实例

$("button").click(function(){

  $("p").toggle();

  });

尝试一下»

语法:

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

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

可选的callback参数是隐藏或显示完成后所执行的函数名称。 在这里插入图片描述

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 hide和 show方法来隐藏和显示 HTML 元素 的相关文章