1.隱藏顯示,之前我們都是通過設置元素的css樣式來讓它顯示隱藏,現在我們只需要用
jQuery中的hide()和show()來實現這兩個功能。input點擊段落p進行顯示隱藏
$("input").click(function(){
$("p").show();? //hide();
})
$("p").show(speed,callback);
可選的 speed 參數規定隱藏/顯示的速度,可以取以下值:"slow"、"fast" 或毫秒。
可選的 callback 參數是隱藏或顯示完成后所執行的函數名稱。
jQuery toggle()
通過 jQuery,您可以使用 toggle() 方法來切換 hide() 和 show() 方法。
顯示被隱藏的元素,并隱藏已顯示的元素;
2.jQuery中的淡入淡出,
jQuery fadeIn() 用于淡入已隱藏的元素。$("p").fadeIn(speed,callback);
jQuery fadeOut() 用于淡入已顯示的元素。$("p").fadeOut(speed,callback);
jQuery fadeToggle() 方法可以在 fadeIn() 與 fadeOut() 方法之間進行切換。
???????????? 如果元素已淡出,則 fadeToggle() 會向元素添加淡入效果。
?????????? ? 如果元素已淡入,則 fadeToggle() 會向元素添加淡出效果。
????????????? $("p").fadeTaggle(speed,callback);
jQuery fadeTo() 方法允許漸變為給定的不透明度(值介于 0 與 1 之間)。
???????????? $("p").fade(speed,callback);