快捷導(dǎo)航

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

更新時間：2020年05月19日 10:35:12 作者：人生如初見_張默

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

函數(shù)聲明：

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

例：

<script>
  $(document).ready(function() {
    //創(chuàng)建一個點擊事件
    $('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è)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

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