1.通過 jQuery,可以使用 hide() 和 show() 方法來隱藏和顯示 HTML 元素:

2.可選的 speed 參數(shù)規(guī)定隱藏/顯示的速度,可以取以下值:"slow"、"fast" 或毫秒。
可選的 callback 參數(shù)是隱藏或顯示完成后所執(zhí)行的函數(shù)名稱。
下面的例子演示了帶有 speed 參數(shù)的 hide() 方法

3.jQuery toggle()
通過 jQuery,您可以使用 toggle() 方法來切換 hide() 和 show() 方法。
顯示被隱藏的元素,并隱藏已顯示的元素:

4.
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
可選的 speed 參數(shù)規(guī)定隱藏/顯示的速度,可以取以下值:"slow"、"fast" 或毫秒。
可選的 callback 參數(shù)是隱藏或顯示完成后所執(zhí)行的函數(shù)名稱。
語法:
$(selector).toggle(speed,callback);
可選的 speed 參數(shù)規(guī)定隱藏/顯示的速度,可以取以下值:"slow"、"fast" 或毫秒。
可選的 callback 參數(shù)是隱藏或顯示完成后所執(zhí)行的函數(shù)名稱。
對于可選的 callback 參數(shù),有以下兩點說明:
1.$(selector)選中的元素的個數(shù)為n個,則callback函數(shù)會執(zhí)行n次;
2.callback函數(shù)名后加括號,會立刻執(zhí)行函數(shù)體,而不是等到顯示/隱藏完成后才執(zhí)行;
3.callback既可以是函數(shù)名,也可以是匿名函數(shù);
5.jQuery 效果 -淡入淡出
jQuery Fading 方法
通過 jQuery,可以實現(xiàn)元素的淡入淡出效果。
jQuery 擁有下面四種 fade 方法:
fadeIn()
fadeOut()
fadeToggle()
fadeTo()




6.jQuery 滑動方法
通過 jQuery,您可以在元素上創(chuàng)建滑動效果。
jQuery 擁有以下滑動方法:
slideDown()
slideUp()
slideToggle()




7.jQuery動畫
jQuery animate() 方法用于創(chuàng)建自定義動畫。

生成動畫的過程中可同時使用多個屬性:



jQuery animate() - 使用隊列功能
默認地,jQuery 提供針對動畫的隊列功能。
這意味著如果您在彼此之后編寫多個 animate() 調(diào)用,jQuery 會創(chuàng)建包含這些方法調(diào)用的"內(nèi)部"隊列。然后逐一運行這些 animate 調(diào)用。

把元素往右邊移動了 100 像素,然后增加文本的字號:

8.jQuery stop() 方法
jQuery stop() 方法用于停止動畫或效果,在它們完成之前。
stop() 方法適用于所有 jQuery 效果函數(shù),包括滑動、淡入淡出和自定義動畫。
語法:
$(selector).stop(stopAll,goToEnd);
可選的 stopAll 參數(shù)規(guī)定是否應(yīng)該清除動畫隊列。默認是 false,即僅停止活動的動畫,允許任何排入隊列的動畫向后執(zhí)行。
可選的 goToEnd 參數(shù)規(guī)定是否立即完成當(dāng)前動畫。默認是 false。
因此,默認地,stop() 會清除在被選元素上指定的當(dāng)前動畫。

9.jQuery 動畫的問題
許多 jQuery 函數(shù)涉及動畫。這些函數(shù)也許會將speed或duration作為可選參數(shù)。
例子:$("p").hide("slow")
speed或duration參數(shù)可以設(shè)置許多不同的值,比如 "slow", "fast", "normal" 或毫秒。
以下實例在隱藏效果完全實現(xiàn)后回調(diào)函數(shù):


10.jQuery鏈
通過 jQuery,可以把動作/方法鏈接在一起。
Chaining 允許我們在一條語句中運行多個 jQuery 方法(在相同的元素上)。
直到現(xiàn)在,我們都是一次寫一條 jQuery 語句(一條接著另一條)。
不過,有一種名為鏈接(chaining)的技術(shù),允許我們在相同的元素上運行多條 jQuery 命令,一條接著另一條。
提示:這樣的話,瀏覽器就不必多次查找相同的元素。
如需鏈接一個動作,您只需簡單地把該動作追加到之前的動作上。
下面的例子把 css()、slideUp() 和 slideDown() 鏈接在一起。"p1" 元素首先會變?yōu)榧t色,然后向上滑動,再然后向下滑動:

如果需要,我們也可以添加多個方法調(diào)用。
提示:當(dāng)進行鏈接時,代碼行會變得很差。不過,jQuery 語法不是很嚴格;您可以按照希望的格式來寫,包含換行和縮進。
如下書寫也可以很好地運行:
