jquery事件與函數的使用介紹
更新時間:2013年09月29日 16:02:03 作者:
jquery事件與函數在使用中很頻繁,在本文為大家介紹下事件綁定及函數聲明和命名函數表達式,感興趣的朋友可以參考下
1.綁定事件
方法1:
使用這個方法可以在頁面加載時為元素增加事件
$("#myElement").click(function(){
alert($(this).text());
})
方法2:
和1一樣,還可以在頁面加載之后為元素增加事件,如創(chuàng)建新的DOM元素
$("#myElement").bing('click',function(){
alert($(this).text());
})
2.函數聲明和命名函數表達式
函數聲明:
function myFun1(){
$("div").hide();
}
調用:myFun1();
函數表達式:
var myFun2 = function(){
$("div").hide();
}
調用:#("#myElement").click(myFun2);
區(qū)別:調用時間的區(qū)別,函數聲明可以在任意地方使用,命名函數表達式只有在聲明之后可以使用
方法1:
使用這個方法可以在頁面加載時為元素增加事件
復制代碼 代碼如下:
$("#myElement").click(function(){
alert($(this).text());
})
方法2:
和1一樣,還可以在頁面加載之后為元素增加事件,如創(chuàng)建新的DOM元素
復制代碼 代碼如下:
$("#myElement").bing('click',function(){
alert($(this).text());
})
2.函數聲明和命名函數表達式
函數聲明:
復制代碼 代碼如下:
function myFun1(){
$("div").hide();
}
調用:myFun1();
函數表達式:
復制代碼 代碼如下:
var myFun2 = function(){
$("div").hide();
}
調用:#("#myElement").click(myFun2);
區(qū)別:調用時間的區(qū)別,函數聲明可以在任意地方使用,命名函數表達式只有在聲明之后可以使用
您可能感興趣的文章:
- jQuery事件之鍵盤事件(ctrl+Enter回車鍵提交表單等)
- 讓input框實現(xiàn)類似百度的搜索提示(基于jquery事件監(jiān)聽)
- jquery事件重復綁定的快速解決方法
- JQuery事件e參數的方法preventDefault()取消默認行為
- Jquery事件的連接使用示例
- jQuery事件綁定.on()簡要概述及應用
- jQuery事件 delegate()使用方法介紹
- jquery事件機制擴展插件 jquery鼠標右鍵事件。
- jquery事件機制擴展插件 jquery鼠標右鍵事件
- 從零開始學習jQuery (五) jquery事件與事件對象
- jQuery學習5 jQuery事件模型
- jQuery學習總結之jQuery事件
相關文章
jquery自動完成插件(autocomplete)應用之PHP版
一般網上這個用于搜索功能增強,增加用戶體驗,還是不錯的。2009-12-12jquery實現(xiàn)的Accordion折疊面板效果代碼
這篇文章主要介紹了jquery實現(xiàn)的Accordion折疊面板效果代碼,通過jquery鼠標click事件操作頁面元素樣式動態(tài)變換實現(xiàn)手風琴折疊效果,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09全面解析DOM操作和jQuery實現(xiàn)選項移動操作代碼分享
這篇文章主要介紹了DOM操作和jQuery實現(xiàn)選項移動操作代碼分享的相關資料,非常不錯具有參考借鑒價值,需要的朋友可以參考下2016-06-06