JQuery學習筆記(二)

2021-08-04 12:05:50 字數 790 閱讀 3905

一、滑動

$(selector).slidedown(speed,callback); //下滑

$(selector).slideup(speed,callback);//上滑

$(selector).slidetoggle(speed,callback);用於上滑,下滑

二、animate()動畫

$(selector).animate(,speed,callback);

params行程動畫的css屬性,必須值。speed:可選值,"slow"、"fast" 或毫秒。callback:可選值,動畫完成後執行函式。

ps:html 元素都有乙個靜態位置,且無法移動,如需對位置進行操作,首先把元素的 css position 屬性設定為 relative、fixed 或 absolute!

animate()可以操作所有css屬性,但是必須使用camel標記法書寫所有的屬性名。例如使用paddingleft 而不是 padding-left,使用 marginright 而不是 margin-right等等

三、stop()停止

$(selector).stop(stopall,gotoend);使用與滑動、淡入淡出和自定義動畫。

stopall

:可選,預設false,即僅停止活動的動畫,允許任何排入佇列的動畫向後執行.

gotoend

:可選,預設false,規定是否立即完成當前動畫。

你好

開始停止當前動畫

停止所有動畫

停止所有但要完成

jQuery學習筆記二

再了解取值付值的方法,更改屬性的方法 實驗的結果是 note不可寫 重新整理時,只彈出了 我是乙個大好人 的提示框,原先頁面上的ddddd沒有載入進來 還有script如果放在前面的話,也是上頁面最上面的地方,提示框也不會彈出。並且note框也是可寫的 為啥會這樣,我只能暫時理解為,它是從上到下執行...

jQuery 學習筆記(二 )

1.控制項的顯示與隱藏 a2.jquery 滑動 1.根據元件id滑動選擇a 2.根據class 滑動 2.1 新增css樣式屬性 2.2 引用樣式選擇a 2.3function fun1 2.4 停止動畫 stop bottom stop 3.jquery 動畫 tip 要實現動畫首先把元素的 c...

JQuery學習筆記(二)

jquery物件和dom物件 其實他倆是一對密不可分的 物件 dom 文件物件模型 每乙個dom都可以表示成一棵樹。jquery物件就是通過jquery包裝dom物件後產生的物件。並且jquery物件和dom物件是可以相互轉換的 var variable jquery物件 var variable ...