jQuery 效果- 隐藏和显示
三种方法:
jQuery hide() 和 show() and jQuery toggle()
语法:
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
$(selector).toggle(speed,callback);
理解:
1.$(selector)选中的元素的个数为n个,则callback函数会执行n次;
2.callback函数名后加括号,会立刻执行函数体,而不是等到显示/隐藏完成后才执行;
3.callback既可以是函数名,也可以是匿名函数;
$(selector) 选中的元素的个数为 n 个,则 callback 函数会执行 n 次。
对于这里,当 callback 函数加上括号时,函数立即执行,只会调用一次, 如果不加括号,元素显示或隐藏后调用函数,才会调用多次。
$(document).ready(function(){
$(".hidebtn").click(function(){
$("div").hide(1000, "linear", add());
// 只需要记住 有括号就先执行括号里面的,就跟我们数学基础运算一样
});
});
function add() {
alert("Hide() 方法已完成!");
}
//add()加上括号 add是执行函数,直接执行
//若是 add 那么则可以理解为把add当作参数,由click函数调用add函数
$(document).ready(function(){
$(".hidebtn").click(function(){
// popalert 不加括号()
$("div").hide(1000,"linear",popalert)
});
});
function popalert(){
alert("Hide() 方法已完成!");
}