jquery事件與函數(shù)的使用介紹
更新時(shí)間：2013年09月29日 16:02:03 作者：
jquery事件與函數(shù)在使用中很頻繁，在本文為大家介紹下事件綁定及函數(shù)聲明和命名函數(shù)表達(dá)式，感興趣的朋友可以參考下
1.綁定事件
方法1：
使用這個(gè)方法可以在頁(yè)面加載時(shí)為元素增加事件
$("#myElement").click(function(){
alert($(this).text());
})
方法2：
和1一樣，還可以在頁(yè)面加載之后為元素增加事件，如創(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è)方法可以在頁(yè)面加載時(shí)為元素增加事件
復(fù)制代碼 代碼如下:
$("#myElement").click(function(){
alert($(this).text());
})
方法2：
和1一樣，還可以在頁(yè)面加載之后為元素增加事件，如創(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)聽(tīng))
- 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)右鍵事件
- 從零開(kāi)始學(xué)習(xí)jQuery (五) jquery事件與事件對(duì)象
- jQuery學(xué)習(xí)5 jQuery事件模型
- jQuery學(xué)習(xí)總結(jié)之jQuery事件
相關(guān)文章
juqery 學(xué)習(xí)之五 文檔處理 包裹、替換、刪除、復(fù)制
這個(gè)函數(shù)的原理是檢查提供的第一個(gè)元素（它是由所提供的HTML標(biāo)記代碼動(dòng)態(tài)生成的），并在它的代碼結(jié)構(gòu)中找到最上層的祖先元素－－這個(gè)祖先元素就是包裹元素。2011-02-02
有時(shí)候需要設(shè)置iframe的src屬性，下面是基于jquery的實(shí)現(xiàn)代碼。2010-11-11
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)聊天對(duì)話框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-02-02
jQuery根據(jù)用戶電腦是mac還是pc加載對(duì)應(yīng)樣式的方法
這篇文章主要介紹了jQuery根據(jù)用戶電腦是mac還是pc加載對(duì)應(yīng)樣式的方法,涉及jQuery針對(duì)客戶端信息的獲取及樣式的調(diào)用技巧,需要的朋友可以參考下2015-06-06
jQuery JSON實(shí)現(xiàn)無(wú)刷新三級(jí)聯(lián)動(dòng)實(shí)例探討
無(wú)刷新三級(jí)聯(lián)動(dòng)的實(shí)現(xiàn)方法有很多，今天將與大家討論下jQuery JSON如何實(shí)現(xiàn)，感興趣的朋友們可以參考下哈2013-05-05
這篇文章主要介紹了jQuery Form 頁(yè)面表單提交的小例子，有需要的朋友可以參考一下2013-11-11
jQuery使用toggleClass方法動(dòng)態(tài)添加刪除Class樣式的方法
這篇文章主要介紹了jQuery使用toggleClass方法動(dòng)態(tài)添加刪除Class樣式的方法,實(shí)例分析了jQuery中toggleClass方法操作class樣式的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
jquery實(shí)現(xiàn)textarea輸入框限制字?jǐn)?shù)的方法
這篇文章主要介紹了jquery實(shí)現(xiàn)textarea輸入框限制字?jǐn)?shù)的方法,通過(guò)keyup事件實(shí)時(shí)讀取textarea輸入框的字?jǐn)?shù)來(lái)實(shí)現(xiàn)這一功能,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-01-01
jQuery實(shí)現(xiàn)側(cè)邊導(dǎo)航欄及滑動(dòng)電梯效果(仿淘寶)
這篇文章主要介紹了如何利用JQuery+CSS模擬淘寶實(shí)現(xiàn)側(cè)邊導(dǎo)航欄以及滑動(dòng)電梯效果，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以動(dòng)手試一試2022-03-03
自定義jquery模態(tài)窗口插件無(wú)法在頂層窗口顯示問(wèn)題
自定義一個(gè)jquery模態(tài)窗口插件只能在mainFrame窗口中顯示，無(wú)法在頂層窗口顯示2014-05-05