初步學習jquery學習筆記(三)

2022-06-30 13:27:15 字數 956 閱讀 4222

點選我停止

點我向下滑動面板

面板

現象:當呼叫stop()函式的時候動畫會結束

開始停止

停止所有

停止動畫,但完成動作

點選 "開始" 按鈕開始動畫。

點選 "停止" 按鈕停止當前啟用的動畫,但之後我們能再動畫佇列中再次啟用。

點選 "停止所有" 按鈕停止當前動畫,並清除動畫佇列,所以元素的所有動畫都會停止。

點選 "停止動畫,但完成動作" 快速完成動作,並停止它。

hello

總結

1.函式呼叫格式

$(selector).stop(stoptoall,gotoand)
2.引數含義

jquery中很多的函式都具有speed和duration兩個引數,除此之外還有乙個callback的引數,其需要傳進乙個函式,這個函式會在動畫結束之後來執行

隱藏文字的內容,點選隱藏按鈕之後會消失

隱藏這是乙個段落,內容很少

總結:

通過jquery可以將動畫/方法鏈結在一起。chaining允許我們在一條語句中執行多個jquery方法,且這些方法作用於相同的元素。

之前寫jquery語句都是一條接著一條,不過通過鏈結的技術,允許我們在相同的元素上執行多條jquery命令,一條接著一條的執行。

文字點我

總結

1.使用鏈的好處是不需要多次查詢相同的元素

2.方法按照寫的方法順序執行

初步學習jquery學習筆記(五)

從某個標籤開始,按照某種規則移動,直到找到目標標籤為止 講解 元素是 的父元素,同時是其中所有內容的祖先。元素是 元素的父元素,同時是 的子元素 左邊的 元素是 的父元素,的子元素,同時是 的後代。元素是 的子元素,同時是 和 的後代。兩個 元素是同胞 擁有相同的父元素 右邊的 元素是的父元素,的子...

初步學習jquery學習筆記(六)

ajax 是與伺服器交換資料的技術,它在不過載全部頁面的情況下,實現了對部分網頁的更新。load 方法從伺服器載入資料,並把返回的資料放入被選元素中。語法 selector load url,data,callback 例子 1.載入鏈結檔案 document ready function 2.載入...

jQuery學習筆記(三)

1 hide 和show 方法 hide click function show click function 語法 selector hide speed,callback selector show speed,callback speed規定隱藏或顯示的速度,callback是隱藏或顯示完成後...