快捷導(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擴展技巧總結(jié)》、《jQuery常見經(jīng)典特效匯總》及《jquery選擇器用法總結(jié)》

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

您可能感興趣的文章: