jQuery提供了一個簡單的界面來執(zhí)行各種令人驚奇的效果。
jQuery效果方法使我們能夠以最少的配置快速實現(xiàn)常用的效果。
jQuery是一個快速，輕量級且功能豐富的JavaScript庫，它基于“少寫多做”的原則。
jQuery簡化了HTML文檔的遍歷，事件處理，動畫和Ajax交互，從而實現(xiàn)了快速的Web開發(fā)。
www.soo66.com
菜鳥教程在線
website.
您可以使用hide()和show()方法隱藏和顯示HTML元素。
下面的示例演示了hide()方法和show()方法的用法：
// 隱藏正常顯示的段落
$("#hide-btn").click(function(){
$("p").hide();
});
// 顯示被隱藏的段落
$("#show-btn").click(function(){
$("p").show();
});測試看看?/?這是hide() 方法的語法：
$(selector).hide(duration, easing, callback);
這是show()方法的語法：
$(selector).show(duration, easing, callback);
duration -確定效果將持續(xù)多長時間?？赡艿闹担骸?slow”，“ fast”或毫秒
easing -指示要用于過渡的緩動功能?？赡艿闹担骸?swing”，“ linear”
callback-指定方法完成后要調用的函數(shù)
以下示例通過hide()和show()演示了duration參數(shù)：
$("#hide-btn").click(function(){
$("p").hide(1000);
});
$("#show-btn").click(function(){
$("p").show(1000);
});測試看看?/?以下示例使用hide()和show()演示了回調參數(shù)：
$("#hide-btn").click(function(){
$("div").hide(1000, function(){
alert("DIV被隱藏");
});
});
$("#show-btn").click(function(){
$("div").show(1000, function(){
alert("DIV被顯示");
});
});測試看看?/?動畫所有跨度(在本示例中為單詞)快速隱藏，在200毫秒內完成每個動畫：
$("button").click(function(){
$("span:last-child").hide("fast", function(){
$(this).prev().hide("fast", arguments.callee);
});
});測試看看?/?我們還可以使用toggle()方法在隱藏和顯示HTML元素之間切換。
如果所選元素最初顯示，它將被隱藏；如果隱藏，它將顯示出來。
下面的示例在單擊按鈕時在hide和show所有<p>元素之間切換：
$("button").click(function(){
$("p").toggle(1500);
});測試看看?/?toggle()方法的語法如下：
$(selector).toggle(duration, easing, callback);
toggle()方法接受三個可選參數(shù)：
duration -確定效果將持續(xù)多長時間?？赡艿闹担骸?slow”，“ fast”或 毫秒
easing -指示要用于過渡的緩動功能。可能的值：“ swing”，“ linear”
callback-指定方法完成后要調用的函數(shù)
有關完整的效果參考，請訪問我們的jQuery Effects 參考手冊。