網(wǎng)頁前端開發(fā)之Jq幾個常用方法的用法

2023-02-12 分類：網(wǎng)站建設

1.on(events,[selector],[data],fn)：在選擇元素上綁定一個或多個事件的事件處理函數(shù)。
描述：on()方法綁定事件處理程序到當前選定的jQuery對象中的元素。在jQuery 1.7中，.on()方法提供綁定事件處理程序所需的所有功能。幫助從舊的jQuery事件方法轉換，see .bind(), .delegate(), 和 .live()。
方法參數(shù)：events:一個或多個用空格分隔的事件類型和可選的命名空間，如"click"或"keydown.myPlugin" 。
selector:一個選擇器字符串用于過濾器的觸發(fā)事件的選擇器元素的后代。如果選擇的< null或省略，當它到達選定的元素，事件總是觸發(fā)。
data:當一個事件被觸發(fā)時要傳遞event.data給事件處理函數(shù)。
fn:該事件被觸發(fā)時執(zhí)行的函數(shù)。 false 值也可以做一個函數(shù)的簡寫，返回false。
如圖：

前端開發(fā)代碼1

2.hover([over,]out)：
描述：一個模仿懸停事件（鼠標移動到一個對象上面及移出這個對象）的方法。這是一個自定義的方法，它為頻繁使用的任務提供了一種“保持在其中”的狀態(tài)。
當鼠標移動到一個匹配的元素上面時，會觸發(fā)指定的第一個函數(shù)。當鼠標移出這個元素時，會觸發(fā)指定的第二個函數(shù)。而且，會伴隨著對鼠標是否仍然處在特定元素中的檢測（例如，處在div中的圖像），如果是，則會繼續(xù)保持“懸停”狀態(tài)，而不觸發(fā)移出事件（修正了使用mouseout事件的一個常見錯誤）。
方法參數(shù)：over:鼠標移到元素上要觸發(fā)的函數(shù);out:鼠標移出元素要觸發(fā)的函數(shù)。
如圖：

前端開發(fā)代碼2

slideDown([speed],[easing],[fn])：描述：這個動畫效果只調(diào)整元素的高度，可以使匹配的元素以“滑動”的方式顯示出來。在jQuery 1.3中，上下的padding和margin也會有動畫，效果更流暢。
方法參數(shù)：speed:三種預定速度之一的字符串("slow","normal", or "fast")或表示動畫時長的毫秒數(shù)值(如：1000)
fn:在動畫完成時執(zhí)行的函數(shù)，每個元素執(zhí)行一次。
如圖：

前端開發(fā)代碼3

網(wǎng)頁題目：網(wǎng)頁前端開發(fā)之Jq幾個常用方法的用法
網(wǎng)頁路徑：http://www.bm7419.com/news15/236565.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、面包屑導航、網(wǎng)站策劃、標簽優(yōu)化、網(wǎng)站設計、微信小程序

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容