jquery控制div顯示隱藏 jq控制div顯示隱藏通用

在日常學(xué)習(xí)、工作或生活中，大家總少不了接觸作文或者范文吧，通過文章可以把我們那些零零散散的思想，聚集在一塊。寫范文的時候需要注意什么呢？有哪些格式需要注意呢？以下是我為大家搜集的優(yōu)質(zhì)范文，僅供參考，一起來看看吧

jquery控制span顯示隱藏 jq控制span顯示隱藏篇一

jquery 隱藏和顯示

通過 hide() 和 show() 兩個函數(shù)，jquery 支持對 html 元素的隱藏和顯示：

實例

復(fù)制代碼 代碼如下:

$("#hide").click(function(){

$("p").hide();

});

$("#show").click(function(){

$("p").show();

});

hide() 和 show() 都可以設(shè)置兩個可選參數(shù)：speed 和 callback。

語法：

復(fù)制代碼 代碼如下:

$(selector).hide(speed,callback)

$(selector).show(speed,callback)

speed 參數(shù)規(guī)定顯示或隱藏的速度?？梢栽O(shè)置這些值："slow", "fast", "normal" 或毫秒。

callback 參數(shù)是在 hide 或 show 函數(shù)完成之后被執(zhí)行的函數(shù)名稱。您將在本教程下面的章節(jié)學(xué)習(xí)更多有關(guān) callback 參數(shù)的知識。

實例

復(fù)制代碼 代碼如下:

$("button").click(function(){

$("p").hide(1000);

});

callback 參數(shù)是在該函數(shù)完成之后被執(zhí)行的函數(shù)名稱。您將在本教程下面的章節(jié)學(xué)習(xí)更多有關(guān) callback 參數(shù)的知識。

jquery 滑動函數(shù) - slidedown, slideup, slidetoggle

jquery 擁有以下滑動函數(shù)：

復(fù)制代碼 代碼如下:

$(selector).slidedown(speed,callback)

$(selector).slideup(speed,callback)

$(selector).slidetoggle(speed,callback)

speed 參數(shù)可以設(shè)置這些值："slow", "fast", "normal" 或毫秒。

callback 參數(shù)是在該函數(shù)完成之后被執(zhí)行的.函數(shù)名稱。您將在本教程下面的章節(jié)學(xué)習(xí)更多有關(guān) callback 參數(shù)的知識。

slidedown() 實例

復(fù)制代碼 代碼如下:

$(".flip").click(function(){

$(".panel").slidedown();

});

jquery fade 函數(shù) - fadein(), fadeout(), fadeto()

jquery 擁有以下 fade 函數(shù)：

復(fù)制代碼 代碼如下:

$(selector).fadein(speed,callback)

$(selector).fadeout(speed,callback)

$(selector).fadeto(speed,opacity,callback)

speed 參數(shù)可以設(shè)置這些值："slow", "fast", "normal" 或 毫秒。

fadeto() 函數(shù)中的 opacity 參數(shù)規(guī)定減弱到給定的不透明度。

callback 參數(shù)是在該函數(shù)完成之后被執(zhí)行的函數(shù)名稱。您將在本教程下面的章節(jié)學(xué)習(xí)更多有關(guān) callback 參數(shù)的知識。

jquery 自定義動畫

jquery 函數(shù)創(chuàng)建自定義動畫的語法：

復(fù)制代碼 代碼如下:

$(selector).animate({params},[duration],[easing],[callback])

關(guān)鍵的參數(shù)是 params。它定義產(chǎn)生動畫的 css 屬性?？梢酝瑫r設(shè)置多個此類屬性：

復(fù)制代碼 代碼如下:

animate({width:"70%",opacity:0.4,marginleft:"0.6in",fontsize:"3em"});

第二個參數(shù)是 duration。它定義用來應(yīng)用到動畫的時間。它設(shè)置的值是："slow", "fast", "normal" 或毫秒。

實例

復(fù)制代碼 代碼如下:

$(document).ready(function(){

$("#start").click(function(){

$("#box").animate({height:300},"slow");

$("#box").animate({width:300},"slow");

$("#box").animate({height:100},"slow");

$("#box").animate({width:100},"slow");

});

});

$(selector).hide() 隱藏被選元素 $(selector).show() 顯示被選元素 $(selector).toggle() 切換（在隱藏與顯示之間）被選元素 $(selector).slidedown() 向下滑動（顯示）被選元素 $(selector).slideup() 向上滑動（隱藏）被選元素 $(selector).slidetoggle() 對被選元素切換向上滑動和向下滑動 $(selector).fadein() 淡入被選元素 $(selector).fadeout() 淡出被選元素 $(selector).fadeto() 把被選元素淡出為給定的不透明度 $(selector).animate() 對被選元素執(zhí)行自定義動畫

【jquery控制元素顯示隱藏切換滑動的方法總結(jié)】相關(guān)文章：

1.

有關(guān)jquery效果 slidetoggle() 方法(在隱藏和顯示之間切換)

jquery顯示和隱藏span特效的實例

mac切換顯示器的方法步驟

關(guān)于jquery簡單圖片切換顯示效果實現(xiàn)方法介紹

js控制html元素的顯示和隱藏的兩種方法

word設(shè)置隱藏顯示文字的方法

顯示隱藏文件的方法

jquery之超簡單的span顯示和隱藏特效demo簡介

【本文地址：http://www.aiweibaby.com/zuowen/2719644.html】