jQuery中show()方法
jQuery中的show()方法是用来实现元素显示的,它可以将匹配的元素显示出来,从而使元素可见,从而改变元素的CSS属性display的值。
show()方法接受一个可选的参数,它可以是一个字符串,表示要设置的CSS属性display的值,也可以是一个函数,它将会在元素显示之前被调用,它可以接受一个参数,表示当前显示的元素的索引,以及元素本身。
$("#myDiv").show(); // 显示元素 $("#myDiv").show("slow"); // 显示元素,并且以慢速度显示 $("#myDiv").show(500); // 显示元素,并且以500毫秒的时间显示 $("#myDiv").show(function(){ // 在元素显示之前执行的函数 });
除了可以通过show()方法实现元素的显示,还可以通过设置CSS属性display的值来实现元素的显示,例如:
$("#myDiv").css("display","block");
除了可以实现元素的显示,show()方法还可以实现元素的隐藏,例如:
$("#myDiv").hide(); // 隐藏元素 $("#myDiv").hide("slow"); // 隐藏元素,并且以慢速度隐藏 $("#myDiv").hide(500); // 隐藏元素,并且以500毫秒的时间隐藏 $("#myDiv").hide(function(){ // 在元素隐藏之前执行的函数 });
jQuery还提供了一些其他的显示和隐藏方法,例如toggle()方法,它可以在显示和隐藏之间切换,以及fadeIn()和fadeOut()方法,它们可以实现淡入淡出的效果。