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

jQuery 效果 - 隐藏和显示

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

jQuery 判断一个元素是显示还是隐藏， jQuery 使用 is() 的方法来判断一个元素是否显示，反之，则为隐藏，jQuery 判断是否显示，jQuery 判断是否隐藏，jQuery 判断是否可见。判断一个元素是否显示，可以使用 jQuery 中的 is() 方法来实现。JS 代码：假设这个 div 元素的 id 为 mydiv 。以下为引用内容： $(document).ready(function(){
if($("#mydiv").is(":visible")==false){
});以上代码可以很好地判断 div 、input 、button 等元素的显示与隐藏。