jquery事件與函數(shù)的使用介紹
更新時(shí)間:2013年09月29日 16:02:03 作者:
jquery事件與函數(shù)在使用中很頻繁,在本文為大家介紹下事件綁定及函數(shù)聲明和命名函數(shù)表達(dá)式,感興趣的朋友可以參考下
1.綁定事件
方法1:
使用這個(gè)方法可以在頁面加載時(shí)為元素增加事件
$("#myElement").click(function(){
alert($(this).text());
})
方法2:
和1一樣,還可以在頁面加載之后為元素增加事件,如創(chuàng)建新的DOM元素
$("#myElement").bing('click',function(){
alert($(this).text());
})
2.函數(shù)聲明和命名函數(shù)表達(dá)式
函數(shù)聲明:
function myFun1(){
$("div").hide();
}
調(diào)用:myFun1();
函數(shù)表達(dá)式:
var myFun2 = function(){
$("div").hide();
}
調(diào)用:#("#myElement").click(myFun2);
區(qū)別:調(diào)用時(shí)間的區(qū)別,函數(shù)聲明可以在任意地方使用,命名函數(shù)表達(dá)式只有在聲明之后可以使用
方法1:
使用這個(gè)方法可以在頁面加載時(shí)為元素增加事件
復(fù)制代碼 代碼如下:
$("#myElement").click(function(){
alert($(this).text());
})
方法2:
和1一樣,還可以在頁面加載之后為元素增加事件,如創(chuàng)建新的DOM元素
復(fù)制代碼 代碼如下:
$("#myElement").bing('click',function(){
alert($(this).text());
})
2.函數(shù)聲明和命名函數(shù)表達(dá)式
函數(shù)聲明:
復(fù)制代碼 代碼如下:
function myFun1(){
$("div").hide();
}
調(diào)用:myFun1();
函數(shù)表達(dá)式:
復(fù)制代碼 代碼如下:
var myFun2 = function(){
$("div").hide();
}
調(diào)用:#("#myElement").click(myFun2);
區(qū)別:調(diào)用時(shí)間的區(qū)別,函數(shù)聲明可以在任意地方使用,命名函數(shù)表達(dá)式只有在聲明之后可以使用
您可能感興趣的文章:
- jQuery事件之鍵盤事件(ctrl+Enter回車鍵提交表單等)
- 讓input框?qū)崿F(xiàn)類似百度的搜索提示(基于jquery事件監(jiān)聽)
- jquery事件重復(fù)綁定的快速解決方法
- JQuery事件e參數(shù)的方法preventDefault()取消默認(rèn)行為
- Jquery事件的連接使用示例
- jQuery事件綁定.on()簡(jiǎn)要概述及應(yīng)用
- jQuery事件 delegate()使用方法介紹
- jquery事件機(jī)制擴(kuò)展插件 jquery鼠標(biāo)右鍵事件。
- jquery事件機(jī)制擴(kuò)展插件 jquery鼠標(biāo)右鍵事件
- 從零開始學(xué)習(xí)jQuery (五) jquery事件與事件對(duì)象
- jQuery學(xué)習(xí)5 jQuery事件模型
- jQuery學(xué)習(xí)總結(jié)之jQuery事件
相關(guān)文章
jQuery學(xué)習(xí)筆記之 Ajax操作篇(二) - 數(shù)據(jù)傳遞
在前一篇介紹 jQuery Ajax 的數(shù)據(jù)加載中的例子都是從靜態(tài)的文件中取得數(shù)據(jù),而 Ajax 更大的價(jià)值在于與后端服務(wù)器進(jìn)行數(shù)據(jù)傳遞,動(dòng)態(tài)地請(qǐng)求和發(fā)送數(shù)據(jù)。2014-06-06
JS Canvas定時(shí)器模擬動(dòng)態(tài)加載動(dòng)畫
這篇文章主要為大家詳細(xì)介紹了JS Canvas定時(shí)器模擬動(dòng)態(tài)加載動(dòng)畫,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-09-09
jquery實(shí)現(xiàn)的藍(lán)色二級(jí)導(dǎo)航條效果代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)的藍(lán)色二級(jí)導(dǎo)航條效果代碼,涉及jquery鼠標(biāo)事件及頁面樣式的動(dòng)態(tài)切換效果實(shí)現(xiàn)技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-08-08
jquery實(shí)現(xiàn)預(yù)覽提交的表單代碼分享
這篇文章主要介紹了jquery實(shí)現(xiàn)預(yù)覽提交的表單代碼,需要的朋友可以參考下2014-05-05
jquery自動(dòng)完成插件(autocomplete)應(yīng)用之PHP版
一般網(wǎng)上這個(gè)用于搜索功能增強(qiáng),增加用戶體驗(yàn),還是不錯(cuò)的。2009-12-12
jquery實(shí)現(xiàn)的Accordion折疊面板效果代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)的Accordion折疊面板效果代碼,通過jquery鼠標(biāo)click事件操作頁面元素樣式動(dòng)態(tài)變換實(shí)現(xiàn)手風(fēng)琴折疊效果,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09
全面解析DOM操作和jQuery實(shí)現(xiàn)選項(xiàng)移動(dòng)操作代碼分享
這篇文章主要介紹了DOM操作和jQuery實(shí)現(xiàn)選項(xiàng)移動(dòng)操作代碼分享的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06

