jQuery控制元素隱藏和顯示

1、jquery隱藏和顯示效果

通過 jquery，您可以使用 hide() 和 show() 方法來隱藏和顯示 html 元素：

$("#hide").click(function

());     
//點選id="hide"元素時，隱藏所有標籤內容；
$("#show").click(function
());     
//點選id="show"元素時，顯示所有標籤內容；

2、jquery淡入淡出效果

通過 jquery，您可以實現元素的淡入淡出效果。

jquery 擁有下面四種 fade 方法：

3、jquery滑動效果

通過 jquery，您可以在元素上建立滑動效果。

jquery 擁有以下滑動方法：

//

jquery slidedown() 方法用於向下滑動元素；
$(selector).slidedown(speed,callback);
//speed(可選)引數規定效果的時長，它可以取以下值："slow"、"fast" 或毫秒；
//callback(可選)引數是滑動完成後所執行的函式名稱；
$("#flip").click(function
());     
//點選id為flip的元素時，將id為panel的元素向下滑動；
//jquery slideup() 方法用於向上滑動元素；
$(selector).slideup(speed,callback);
//speed(可選)引數規定效果的時長，它可以取以下值："slow"、"fast" 或毫秒；
//callback(可選)引數是滑動完成後所執行的函式名稱；
$("#flip").click(function
());     
//點選id為flip的元素時，將id為panel的元素向上滑動；
//jquery slidetoggle() 方法可以在 slidedown() 與 slideup() 方法之間進行切換；
//如果元素向下滑動，則 slidetoggle() 可向上滑動它們；
//如果元素向上滑動，則 slidetoggle() 可向下滑動它們；
$(selector).slidetoggle(speed,callback);
//speed(可選)引數規定效果的時長，它可以取以下值："slow"、"fast" 或毫秒；
//callback(可選)引數是滑動完成後所執行的函式名稱；
$("#flip").click(function
());     
//點選id為flip的元素時，將id為panel的元素向上或向下滑動；

jquery顯示隱藏元素

id css display none id css display block 或 id 0 style.display none id 返回的是jquery 它是個集合肯定沒有display屬性 firststep hide 500 而且可以設定時間 firststep hide 500 而且可...

jquery隱藏顯示元素

1.hide 方法 等效為display none 他可以記住display none之前display的值 2.show 方法 可以恢復hide 呼叫之前dispaly的值同事改變高度寬度不透明度 3.fadein 方法可以通過改變元素的不透明度顯示 4.fadeout 方法可以通過改變元素的不透...

JQuery 隱藏和顯示html元素

function if reg.test nameele.val 郵箱格式必須正確,可以不輸入 var emailele ucentermember email reg a za z0 9 a za z0 9 a za z0 9 if emailele.val reg.test emailele.v...