jQuery 函數(shù)實(shí)例分析【函數(shù)聲明、函數(shù)表達(dá)式、匿名函數(shù)等】
本文實(shí)例講述了jQuery 函數(shù)用法。分享給大家供大家參考,具體如下:
命名函數(shù)
可多次調(diào)用。
函數(shù)聲明:
function func(args) {//執(zhí)行語句};
例:
<script> $(document).ready(function() { //創(chuàng)建一個(gè)點(diǎn)擊事件 $('img').clikc(show); //show()函數(shù)聲明 function show() { var info = '<div><h3></h3></div>'; $(this).after(info); //顯示一次后刪除事件 $(this).unbind('click'); } }); </script> <body> <img src='images/1.png' alt='logo'> </body>
函數(shù)表達(dá)式:
var func = function(args) {//執(zhí)行語句};
例:
<script> $(document).ready(function() { //創(chuàng)建函數(shù)表達(dá)式:show var show = function() { var info = '<div><h3></h3></div>'; $(this).after(info); //顯示一次后刪除事件 $(this).unbind('click'); } $('img').clikc(show); }); </script> <body> <img src='images/1.png' alt='logo'> </body>
匿名函數(shù)
以參數(shù),回調(diào)或閉包形式出現(xiàn),不可重復(fù)調(diào)用。
$('button').click(function(args) {//執(zhí)行語句});
例:
<script> $(document).ready(function() { $('img').clikc(function() { var info = '<div><h3></h3></div>'; $(this).after(info); //顯示一次后刪除事件 $(this).unbind('click'); }); }); </script> <body> <img src='images/1.png' alt='logo'> </body>
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《jQuery常見事件用法與技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery操作json數(shù)據(jù)技巧匯總》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常見經(jīng)典特效匯總》及《jquery選擇器用法總結(jié)》
希望本文所述對大家jQuery程序設(shè)計(jì)有所幫助。
- jquery自定義函數(shù)的多種方法
- jQuery 自定義函數(shù)寫法分享
- jQuery回調(diào)函數(shù)的定義及用法實(shí)例
- jQuery.extend 函數(shù)詳解
- jQuery中將函數(shù)賦值給變量的調(diào)用方法
- jquery封裝插件時(shí)匿名函數(shù)形參和實(shí)參的寫法解釋
- jQuery下擴(kuò)展插件和拓展函數(shù)的寫法(匿名函數(shù)使用的典型例子)
- jQuery構(gòu)造函數(shù)init參數(shù)分析
- jQuery實(shí)用函數(shù)用法總結(jié)
- jQuery 回調(diào)函數(shù)(callback)的使用和基礎(chǔ)
相關(guān)文章
Jquery + Ajax調(diào)用webService實(shí)例代碼(asp.net)
Jquery + Ajax調(diào)用webService實(shí)例代碼,需要的朋友可以參考下。2010-08-08JQuery為textarea添加maxlength屬性并且兼容IE
textarea默認(rèn)不支持maxlength屬性,JQuery為textarea添加maxlength,并且兼容IE,具體實(shí)現(xiàn)祥看本文,希望可以幫助到你2013-04-04jQuery+CSS3實(shí)現(xiàn)四種應(yīng)用廣泛的導(dǎo)航條制作實(shí)例詳解
這篇文章主要介紹了jQuery+CSS3實(shí)現(xiàn)多種類型的導(dǎo)航條制作實(shí)例詳解的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-09-09通過Jquery.cookie.js實(shí)現(xiàn)展示瀏覽網(wǎng)頁的歷史記錄超管用
本文給大家分享利用cookie插件獲取用戶瀏覽文章或者是網(wǎng)頁的歷史記錄,并把用戶最近瀏覽過的信息顯示在頁面,涉及到 jquery.cookie.js相關(guān)知識,感興趣的朋友可以參考下2015-10-10jQuery表單校驗(yàn)插件validator使用方法詳解
這篇文章主要為大家詳細(xì)介紹了jQuery表單校驗(yàn)插件validator的使用方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-02-02基于Jquery和CSS3制作數(shù)字時(shí)鐘附源碼下載(CSS3篇)
數(shù)字時(shí)鐘在web倒計(jì)時(shí),web鬧鐘效果以及基于html5的web app中,本文給大家介紹基于jquery和css3制作數(shù)字時(shí)鐘附源碼下載,感興趣的朋友來看看吧2015-11-11