show()方法和hide()方法

show()方法和hide()方法是jQuery中最基本的动画方法，在HTML文档里，为一个元素调用hide()方法，会将元素的display样式改为“one”。

例如,使用如下的代码隐藏element元素。

$("element").hide();

这段代码的功能与用css()方法设置dispaly属性效果相同：

$("element").css("display","none");

当把元素隐藏后，可以使用show()方法将元素的display样式设置为先前的显示状态。

jQuery代码如下：

$(element).show();

在前面的例子中，已经多次使用hide()方法和show方法，通过这两种方法可以控制“内容”的显示和隐藏。

jQuery代码如下：

$(function() {
    $("#panel h5.head").toggle(function() {
        $(this).next().hide();
    }, function() {
        $(this).next().show();
    });
});

注意hide()方法在将“内容”的display属性值设置为“none”之前，会记住原先的display属性。当调用show()方法时，会根据hide()方法记住display属性值来显示元素。

在本例中，”内容“的display属性的值是“block”，当点击“标题”链接执行hide()方法的时候，hide()方法会做两步动作，首 先会记住“内容”的display属性的值“display”属性的值“block”,然后把display属性的值设置为“none”。

转载请注明来源： W-教程 » show()方法和hide()方法

本文链接地址： http://www.w3cmm.com/jquery/show-hide.html

Related posts:

1. 深入理解 display:inline-block
2. jQuery事件绑定
3. 块级（block）元素和行内（inline）元素的区别
4. jQuery事件的链式写法
5. jQuery设置或获取元素的内容
6. 全部与精简切换显示jQuery实例教程
7. 清除浮动（float）那点事
8. jQuery控制DOM对象
9. bind()方法的其它用法

转载于:https://www.cnblogs.com/stormtea/articles/2231155.html