jQuery的显示与隐藏

显示、隐藏

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

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

语法格式

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

speed
可选参数，规定隐藏/显示的速度
可以取以下值：”slow”、”fast”或毫秒

callback
可选参数，隐藏或显示完成后所执行的函数名称
类似于回调函数

toggle()

用来切换hide()和show()方法
如果是显示的，设为隐藏
如果是隐藏的，设为显示

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

语法格式

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

speed
可选参数，规定隐藏/显示的速度
可以取以下值：”slow”、”fast”或毫秒

callback
可选参数，隐藏或显示完成后所执行的函数名称
类似于回调函数

注意
1、$(selector)选中的元素的个数为n个，则callback函数会执行n次
2、callback函数名后加括号，会立刻执行函数体，而不是等到显示/隐藏完成后才执行
3、callback既可以是函数名，也可以是匿名函数

当 callback 函数加上括号时，函数立即执行，只会调用一次
如果不加括号，元素显示或隐藏后调用函数，会调用多次，有几个元素调用几次