jQurey動畫的區別

2022-06-29 22:09:08 字數 752 閱讀 4576

1.對比fadein()與show(),slidedown()的區別

.show('duration')和.hide('duration') 是長度、寬度、透明度三個屬性一起變化;

fadein()/fodeout是設定好了盒子的尺寸,變化透明度(所以使用者看到頁面會跳一下);

slidedown()/slideup() 僅改變元素的高度;(過渡自然)

2.show()hide()方法用於顯示或隱藏頁面中的元素

格式:$(selector).hide(speed,[callback])$(selector).show(speed,[callback]

引數speed設定隱藏或顯示時的速度值,可為「slow」、「fast」或毫秒數值,可選項引數callback為隱藏或顯示動作執行完成後呼叫的函式名,同時,如果新增了方法的**函式,它將在顯示或隱藏執行成功後被呼叫。

3.mouseover和mouseenter的區別

mouseover事件會冒泡,這意味著,滑鼠移到其後代元素上時會觸發。

mouseenter事件不冒泡,這意味著,滑鼠移到其後代元素上時不會觸發。

4.一般情況下mouseover即可,特殊情況才用mousemove,mousemove更耗資源,比如要監控滑鼠座標的變化等。

jqurey的動畫效果

目標.hide 讓目標隱藏 修改的display屬性 小括號中,可是設定動畫執行的時間 目標.show 讓目標顯示 小括號中,可以設定動畫執行的時間 var flag 1 btn first click function else 目標.toggle 會先進行目標的屬性,如果是顯示,就設定為隱藏 如...

JQurey的基本使用

使用jquery,必須先引入jq庫 jquery 3.4.1.min.js script js的變數 var a 10 jq的變數 var a 10 宣告該變數是jq變數 同時 也是jquery的簡寫dom的變數 和 jq的變數之間 轉換 轉換為jq變數 var odiv document.gete...

jqurey的事件委託

1.什麼是事件委託?事件委託是利用事件冒泡來實現,只指定乙個事件處理程式 來管理某一型別的所有事件。2.為什麼要用事件委託 1 在js中新增到頁面的事件處理程式的個數直接關係到頁面的整體載入速度 因為每個事件處理程式都是乙個物件,物件會占用記憶體。物件越多需要載入的記憶體就越多 2 有很多個資料的 ...