網頁前端開發之Jq幾個常用方法的用法(網頁前端開發需要學什么)
2024-02-24 分類： 網站建設
1.on(events,[selector],[data],fn)：在選擇元素上綁定一個或多個事件的事件處理函數。
描述：on()方法綁定事件處理程序到當前選定的jQuery對象中的元素。在jQuery 1.7中，.on()方法 提供綁定事件處理程序所需的所有功能。幫助從舊的jQuery事件方法轉換，see .bind(), .delegate(), 和 .live()。
方法參數：events:一個或多個用空格分隔的事件類型和可選的命名空間，如"click"或"keydown.myPlugin" 。
selector:一個選擇器字符串用于過濾器的觸發事件的選擇器元素的后代。如果選擇的< null或省略，當它到達選定的元素，事件總是觸發。
data:當一個事件被觸發時要傳遞event.data給事件處理函數。
fn:該事件被觸發時執行的函數。 false 值也可以做一個函數的簡寫，返回false。
如圖：
2.hover([over,]out)：
描述：一個模仿懸停事件（鼠標移動到一個對象上面及移出這個對象）的方法。這是一個自定義的方法，它為頻繁使用的任務提供了一種“保持在其中”的狀態。
當鼠標移動到一個匹配的元素上面時，會觸發指定的第一個函數。當鼠標移出這個元素時，會觸發指定的第二個函數。而且，會伴隨著對鼠標是否仍然處在特定元素中的檢測（例如，處在div中的圖像），如果是，則會繼續保持“懸停”狀態，而不觸發移出事件（修正了使用mouseout事件的一個常見錯誤）。
方法參數：over:鼠標移到元素上要觸發的函數;out:鼠標移出元素要觸發的函數。
如圖：
slideDown([speed],[easing],[fn])：描述：這個動畫效果只調整元素的高度，可以使匹配的元素以“滑動”的方式顯示出來。在jQuery 1.3中，上下的padding和margin也會有動畫，效果更流暢。
方法參數：speed:三種預定速度之一的字符串("slow","normal", or "fast")或表示動畫時長的毫秒數值(如：1000)
fn:在動畫完成時執行的函數，每個元素執行一次。
如圖：
以上就是關于網頁前端開發之Jq幾個常用方法的用法(網頁前端開發需要學什么)，希望對你有幫助，更多內容關注創新互聯。
描述：on()方法綁定事件處理程序到當前選定的jQuery對象中的元素。在jQuery 1.7中，.on()方法 提供綁定事件處理程序所需的所有功能。幫助從舊的jQuery事件方法轉換，see .bind(), .delegate(), 和 .live()。
方法參數：events:一個或多個用空格分隔的事件類型和可選的命名空間，如"click"或"keydown.myPlugin" 。
selector:一個選擇器字符串用于過濾器的觸發事件的選擇器元素的后代。如果選擇的< null或省略，當它到達選定的元素，事件總是觸發。
data:當一個事件被觸發時要傳遞event.data給事件處理函數。
fn:該事件被觸發時執行的函數。 false 值也可以做一個函數的簡寫，返回false。
如圖：
2.hover([over,]out)：
描述：一個模仿懸停事件（鼠標移動到一個對象上面及移出這個對象）的方法。這是一個自定義的方法，它為頻繁使用的任務提供了一種“保持在其中”的狀態。
當鼠標移動到一個匹配的元素上面時，會觸發指定的第一個函數。當鼠標移出這個元素時，會觸發指定的第二個函數。而且，會伴隨著對鼠標是否仍然處在特定元素中的檢測（例如，處在div中的圖像），如果是，則會繼續保持“懸停”狀態，而不觸發移出事件（修正了使用mouseout事件的一個常見錯誤）。
方法參數：over:鼠標移到元素上要觸發的函數;out:鼠標移出元素要觸發的函數。
如圖：
slideDown([speed],[easing],[fn])：描述：這個動畫效果只調整元素的高度，可以使匹配的元素以“滑動”的方式顯示出來。在jQuery 1.3中，上下的padding和margin也會有動畫，效果更流暢。
方法參數：speed:三種預定速度之一的字符串("slow","normal", or "fast")或表示動畫時長的毫秒數值(如：1000)
fn:在動畫完成時執行的函數，每個元素執行一次。
如圖：
以上就是關于網頁前端開發之Jq幾個常用方法的用法(網頁前端開發需要學什么)，希望對你有幫助，更多內容關注創新互聯。
非常感謝您讀完創新互聯的這篇文章："網頁前端開發之Jq幾個常用方法的用法(網頁前端開發需要學什么)"，僅為提供更多信息供用戶參考使用或為學習交流的方便。我們公司提供：網站建設、網站制作、官網建設、SEO優化、小程序制作等服務，歡迎聯系我們提供您的需求。
網頁標題：網頁前端開發之Jq幾個常用方法的用法(網頁前端開發需要學什么)
地址分享：http://www.2m8n56k.cn/news14/318714.html
成都網站建設公司_創新互聯，為您提供電子商務、動態網站、標簽優化、定制開發、網站排名、服務器托管
聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯
猜你還喜歡下面的內容
- 盤點成都網站建設公司制作公司網站前需注意的問題！ 2024-02-24
- 如何選擇適合的美國服務器租用服務提供商 2024-02-24
- 企業站應如何做網站優化部分？ 2024-02-24
- 成都企業網站制作：打造好的線上品牌形象 2024-02-24
- 創新互聯網站制作告訴你html的幾個小技巧 2024-02-24
- 成都網站建設：教你標題應該這么寫 2024-02-24
- 互動網站建設如何留住客戶？ 2024-02-24
- 企業建設網站至關重要(無錫建設網站企業) 2024-02-24
- 網頁設計中文字的編排設計 2024-02-24
- 儀器儀表生產企業怎么通過網絡獲取更多訂單 2024-02-24
- 企業建網站營銷網站的營銷力量 2024-02-24
- ppt制作教學網站免費推薦 2024-02-24
- 網站關鍵詞選取的基本要求 2024-02-24
- 廣告行業網站建設解決方案 2024-02-24
- 網站滿足需求符合用戶習慣 2024-02-24
- 分析語義化的HTML結構 2024-02-24
- 建設手機網站的四個注意事項 2024-02-24
- 網站索引持續下降原因需要怎么檢查? 2024-02-24
- 現在做網站seo該如何正確的堆積關鍵詞？ 2024-02-24