web實訓知識點 0409

2021-09-18 02:45:15 字數 1020 閱讀 3124

hide() show()

$(document).ready(function())

})$("#button2").click(function())

})

1,加入jquery庫

2,文件就緒

$(document).ready(function())

相當於:

( fu

ncti

on()

)基本語

法:

(function()) 基本語法:

(funct

ion(

))基本

語法:===jquery;

$(selector).action()===jquery(selector).action{} 推薦用法 $ 符號

#slide 和 #panel

#slide,#panel

#panel

animate()用於建立自定義動畫

語法: $(select).animate(,speed,callback) 必須的params引數定義形成動畫的css屬性 而且可選的引數和其幾個引數相同。

通過animate()使效果向右移動200

$(document).ready(function(),1000,function())

})})

})

stop()

$(document).ready(function(),1000)

div.animate(,1000)

div.animate(,1000)

div.animate(,1000)

17:01 2019/4/9 div.animate(,1000)

div.animate(,1000)

$("#button1").click.(function())

})})

瀏覽不用多次去查詢相同的元素

Web實訓知識點 0409

回顧 1,加入jquery庫 2,文件就緒 document ready function 相當於 function button2 click function 二.jquery的動畫效果 滑動 有兩個方法 slide和 panel 實現 點我滑動或者隱藏 hello 三.jquery的動畫效果 ...

Web實訓知識點 0409

一.jquery的滑動效果 實現方法 slide與 panel 案例 如下 點我滑動或者隱藏 hello 二.jquery的顯示隱藏效果 實現方法 hide 與show 案例 如下 document ready function button2 click function 三.jquery的動畫效...

web實訓知識點0409

1.jquery的動畫顯示 顯示和隱藏 方法 hide 和 show document ready function button2 click function 2.jquery的動畫效果 滑動 有兩個方法 slide和 panel 點我滑動或者隱藏 hello 3.jquery的動畫效果 動畫 ...