1、关于显示,隐藏和切换函数.show() .hide() .toggle()
切换函数的主要功能就是一个显示 和隐藏的切换
$(selector).toggle(speed,callback);
$(selector).hide(speed,callback); $(selector).show(speed,callback);
可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。
可选的 callback 参数是show() hide() toggle() 方法完成后所执行的函数名称。注意:该函数可在$document.redy(){callback}中定义,也可在<script>callback</script>中定义。比如:
$(document).ready(function(){
$("input").click(function(){
$(".paragraph").css("background-color","red");
});
$("#button1").click(function(){
$(".text").hide("slow",hide);/*注意此处不应该为hide()因为该参数是要求赋值一个函数(准确的说是一个函数的指针对象),而hide()是一个函数的返回值!!
});
$("#button2").click(function(){
$(".text").show("slow",show);/*同上
});
$("#button3").click(function(){
$("div").toggle("slow");
});
function show(){
var result=document.getElementById("warning").innerHTML="文字已经被显示";
return result;
}
function hide(){
var result=document.getElementById("warning").innerHTML="文字已经被隐藏";
return result;
}
});