如何通过jquery隐藏和显示元素

jQuery 效果 - 隐藏和显示

创新互联建站成立于2013年，我们提供高端网站建设、网站制作、成都网站设计、网站定制、网络营销推广、小程序设计、微信公众号开发、seo优化服务，提供专业营销思路、内容策划、视觉设计、程序开发来完成项目落地，为成都水泥搅拌车企业提供源源不断的流量和订单咨询。

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() 方法完成后所执行的函数名称。

jequery如何在点击一个按钮时使用jquery隐藏一个元素

jequery在点击一个按钮时使用jquery隐藏一个元素是jQuery提供了toggle()函数用于切换显示和隐藏：显示被隐藏的元素，隐藏已显示的元素，示例代码。

拓展资料：

html代码如下：其中有一个button和一个div

input type="button" value="button"/

div id="mydiv"/div2.

js代码如下：

$(function(){

$('input:button').click(function(){ $('div').fadeToggle() }

jquery中用什么方法隐藏元素

.hide()

这个方法不接受任何参数。

.hide(

[duration

]

[,

complete

]

)

duration

(默认:

400)

类型:

Number

or

String

一个字符串或者数字决定动画将运行多久。

complete

类型:

Function()

在动画完成时执行的函数。

如果没有参数，.hide()方法是最简单的方法来隐藏一个元素：

$('.target').hide();

匹配的元素将被立即隐藏，没有动画。这大致相当于调用.css('display',

'none')，但display属性值保存在jQuery的数据缓存中，所以display可以方便以后可以恢复到其初始值。如果一个元素的display属性值为inline，那么隐藏再显示时，这个元素将再次显示inline。

分享名称：jquery隐藏的元素,jquery隐藏某个div
本文来源：http://myzitong.com/article/dseccpd.html