jQuery幾個方法的概述及參數詳解
2023-03-07 分類： 網站建設
1.
slideDown([speed],[easing],[fn])
概述：
通過高度變化（向下增大）來動態地顯示所有匹配的元素，在顯示完成后可選地觸發一個回調函數。
這個動畫效果只調整元素的高度，可以使匹配的元素以“滑動”的方式顯示出來。在jQuery 1.3中，上下的padding和margin也會有動畫，效果更流暢。
參數詳解：
speed:三種預定速度之一的字符串("slow","normal", or "fast")或表示動畫時長的毫秒數值(如：1000)
easing:(Optional) 用來指定切換效果，默認是"swing"，可用參數"linear"
fn:在動畫完成時執行的函數，每個元素執行一次。2.
animate(params,[speed],[easing],[fn])
概述：
用于創建自定義動畫的函數。
這個函數的關鍵在于指定動畫形式及結果樣式屬性對象。這個對象中每個屬性都表示一個可以變化的樣式屬性（如“height”、“top”或“opacity”）。注意：所有指定的屬性必須用駱駝形式，比如用marginLeft代替margin-left.
而每個屬性的值表示這個樣式屬性到多少時動畫結束。如果是一個數值，樣式屬性就會從當前的值漸變到指定的值。如果使用的是“hide”、“show”或“toggle”這樣的字符串值，則會為該屬性調用默認的動畫形式。
在 jQuery 1.2 中，你可以使用 em 和 % 單位。另外，在 jQuery 1.2 中，你可以通過在屬性值前面指定 "+=" 或 "-=" 來讓元素做相對運動。
jQuery 1.3中，如果duration設為0則直接完成動畫。而在以前版本中則會執行默認動畫。
jQuery 1.8中，當你使用CSS屬性在css()或animate()中，我們將根據瀏覽器自動加上前綴(在適當的時候)，比如("user-select", "none"); 在Chrome/Safari瀏覽器中我們將設置為"-webkit-user-select", Firefox會使用"-moz-user-select", IE10將使用"-ms-user-select"。
參數詳解：
params:一組包含作為動畫屬性和終值的樣式屬性和及其值的集合
speed:三種預定速度之一的字符串("slow","normal", or "fast")或表示動畫時長的毫秒數值(如：1000)
easing:要使用的擦除效果的名稱(需要插件支持).默認jQuery提供"linear" 和 "swing".
fn:在動畫完成時執行的函數，每個元素執行一次
options:動畫的額外選項。如：speed - 設置動畫的速度,easing - 規定要使用的 easing 函數,callback - 規定動畫完成之后要執行的函數,step - 規定動畫的每一步完成之后要執行的函數,queue - 布爾值。指示是否在效果隊列中放置動畫。如果為 false，則動畫將立即開始,specialEasing - 來自 styles 參數的一個或多個 CSS 屬性的映射，以及它們的對應 easing 函數3.
click([[data],fn])
概述：
觸發每一個匹配元素的click事件。
這個函數會調用執行綁定到click事件的所有函數。
參數詳解：
slideDown([speed],[easing],[fn])
概述：
通過高度變化（向下增大）來動態地顯示所有匹配的元素，在顯示完成后可選地觸發一個回調函數。
這個動畫效果只調整元素的高度，可以使匹配的元素以“滑動”的方式顯示出來。在jQuery 1.3中，上下的padding和margin也會有動畫，效果更流暢。
參數詳解：
speed:三種預定速度之一的字符串("slow","normal", or "fast")或表示動畫時長的毫秒數值(如：1000)
easing:(Optional) 用來指定切換效果，默認是"swing"，可用參數"linear"
fn:在動畫完成時執行的函數，每個元素執行一次。2.
animate(params,[speed],[easing],[fn])
概述：
用于創建自定義動畫的函數。
這個函數的關鍵在于指定動畫形式及結果樣式屬性對象。這個對象中每個屬性都表示一個可以變化的樣式屬性（如“height”、“top”或“opacity”）。注意：所有指定的屬性必須用駱駝形式，比如用marginLeft代替margin-left.
而每個屬性的值表示這個樣式屬性到多少時動畫結束。如果是一個數值，樣式屬性就會從當前的值漸變到指定的值。如果使用的是“hide”、“show”或“toggle”這樣的字符串值，則會為該屬性調用默認的動畫形式。
在 jQuery 1.2 中，你可以使用 em 和 % 單位。另外，在 jQuery 1.2 中，你可以通過在屬性值前面指定 "+=" 或 "-=" 來讓元素做相對運動。
jQuery 1.3中，如果duration設為0則直接完成動畫。而在以前版本中則會執行默認動畫。
jQuery 1.8中，當你使用CSS屬性在css()或animate()中，我們將根據瀏覽器自動加上前綴(在適當的時候)，比如("user-select", "none"); 在Chrome/Safari瀏覽器中我們將設置為"-webkit-user-select", Firefox會使用"-moz-user-select", IE10將使用"-ms-user-select"。
參數詳解：
params:一組包含作為動畫屬性和終值的樣式屬性和及其值的集合
speed:三種預定速度之一的字符串("slow","normal", or "fast")或表示動畫時長的毫秒數值(如：1000)
easing:要使用的擦除效果的名稱(需要插件支持).默認jQuery提供"linear" 和 "swing".
fn:在動畫完成時執行的函數，每個元素執行一次
options:動畫的額外選項。如：speed - 設置動畫的速度,easing - 規定要使用的 easing 函數,callback - 規定動畫完成之后要執行的函數,step - 規定動畫的每一步完成之后要執行的函數,queue - 布爾值。指示是否在效果隊列中放置動畫。如果為 false，則動畫將立即開始,specialEasing - 來自 styles 參數的一個或多個 CSS 屬性的映射，以及它們的對應 easing 函數3.
click([[data],fn])
概述：
觸發每一個匹配元素的click事件。
這個函數會調用執行綁定到click事件的所有函數。
參數詳解：
data:click([Data], fn) 可傳入data供函數fn處理。
新聞標題：jQuery幾個方法的概述及參數詳解
標題路徑：http://m.newbst.com/news30/242330.html
成都網站建設公司_創新互聯，為您提供標簽優化、網站制作、小程序開發、網站營銷、外貿建站、電子商務
聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯
猜你還喜歡下面的內容
- 南通網站制作不可忽視的這些地方 2023-03-07
- 衡水網站建設|饒陽網站建設|衡水網站設計制作 2023-03-07
- 淺談web端后臺系統的界面規劃設計 2023-03-07
- 成都網站建設過程中可能遇到的事情 2023-03-07
- 高品質網頁平面配色要點 2023-03-07
- 成都便利店超市APP軟件開發超實用功能解決方案 2023-03-07
- 網站搭建完成后需要做哪些工作呢？ 2023-03-07
- 手機APP開發五大注意 2023-03-07
- 成都小程序開發：小程序適合哪些行業？ 2023-03-07
- 企業明確網站的目的方向 2023-03-07
- 【成都網站開發】網站布局設計全靠四要素 2023-03-07
- 公司網頁設計如何才能做好 2023-03-07
- 網絡公司要以樹信為先才能發展更好 2023-03-07
- APP定制設計開發常見誤區有哪些？ 2023-03-07
- 如何知道一個網站的頁面切圖語言 2023-03-07
- 設計制作網站大約需要多長時間 2023-03-07
- 公司建網站不可忽略的要素 2023-03-07
- 網站不到萬不得已千萬別改版 2023-03-07
- 網站開發如何對接阿里云oss云存儲服務 2023-03-07