快捷導(dǎo)航

jQuery 函數(shù)實(shí)例分析【函數(shù)聲明、函數(shù)表達(dá)式、匿名函數(shù)等】

更新時(shí)間：2020年05月19日 10:35:12 作者：人生如初見(jiàn)_張默

這篇文章主要介紹了jQuery 函數(shù),結(jié)合實(shí)例形式分析了jquery函數(shù)聲明、函數(shù)表達(dá)式、匿名函數(shù)等相關(guān)使用技巧,需要的朋友可以參考下

函數(shù)聲明：

function func(args) {//執(zhí)行語(yǔ)句};

例：

<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í)行語(yǔ)句};

例：

<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í)行語(yǔ)句});

例：

<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àn)事件用法與技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery操作json數(shù)據(jù)技巧匯總》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常見(jiàn)經(jīng)典特效匯總》及《jquery選擇器用法總結(jié)》

希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

jQuery加密密碼到cookie的實(shí)現(xiàn)代碼
本文通過(guò)實(shí)例代碼給大家分享了jquery 加密密碼到cookie的實(shí)現(xiàn)方法，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧
2017-04-04
jquery實(shí)現(xiàn)樓層滾動(dòng)特效
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)樓層滾動(dòng)特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-04-04
jQuery實(shí)現(xiàn)的表格展開(kāi)伸縮效果實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的表格展開(kāi)伸縮效果,結(jié)合完整實(shí)例形式分析了jQuery響應(yīng)鼠標(biāo)事件動(dòng)態(tài)修改頁(yè)面元素的相關(guān)技巧,需要的朋友可以參考下
2016-09-09
jquery制作屬于自己的select自定義樣式
這篇文章主要介紹了jquery制作屬于自己的select自定義樣式，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2015-11-11
Jquery和Js獲得元素標(biāo)簽名稱的方法總結(jié)
下面小編就為大家?guī)?lái)一篇Jquery和Js獲得元素標(biāo)簽名稱的方法總結(jié)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-10-10
從零開(kāi)始學(xué)習(xí)jQuery (五) jquery事件與事件對(duì)象
事件是腳本編程的靈魂. 所以本章內(nèi)容也是jQuery學(xué)習(xí)的重點(diǎn). 本文將對(duì)jQuery中的事件處理以及事件對(duì)象進(jìn)行詳細(xì)的講解.
2011-02-02
jQuery實(shí)現(xiàn)百葉窗焦點(diǎn)圖動(dòng)畫(huà)效果代碼分享(附源碼下載)
這篇文章主要介紹了jQuery實(shí)現(xiàn)百葉窗焦點(diǎn)圖動(dòng)畫(huà)效果代碼分享(附源碼下載)的相關(guān)資料,需要的朋友可以參考下
2016-03-03
簡(jiǎn)單的jQuery banner圖片輪播實(shí)例代碼
這篇文章主要介紹了簡(jiǎn)單的jQuery banner圖片輪播實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下
2016-03-03
jQuery stop()用法實(shí)例詳解
一直對(duì)stop的用法一知半解，今天抽點(diǎn)時(shí)間學(xué)習(xí)下jQuery stop()用法實(shí)例詳解的相關(guān)知識(shí)，特此分享腳本之家平臺(tái)，供大家參考
2016-07-07
jQuery Easyui datagrid行內(nèi)實(shí)現(xiàn)【添加】、【編輯】、【上移】、【下移】
本篇文章主要介紹jQuery Easyui datagrid行內(nèi)實(shí)現(xiàn)【添加】、【編輯】、【上移】、【下移】。datagrid現(xiàn)在具有行編輯能力了，可以添加和編輯數(shù)據(jù)，同時(shí)對(duì)行內(nèi)數(shù)據(jù)上移下移。
2016-12-12