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