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

2023-02-12    分類: 網(wǎng)站建設(shè)

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

前端開發(fā)代碼1

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

前端開發(fā)代碼2

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

前端開發(fā)代碼3

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

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

廣告

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

外貿(mào)網(wǎng)站制作