jQuery関数の実例分析【関数宣言、関数式、匿名関数など】


本論文の実例はjQuery関数の使い方を述べている。皆さんに参考にしてあげます。具体的には以下の通りです。
名前付き関数
複数の呼び出しが可能です。
関数宣言:

function func(args) {//    };
例:

<script>
  $(document).ready(function() {
    //        
    $('img').clikc(show);
    //show()    
    function show() {
      var info = '<div><h3></h3></div>';
      $(this).after(info);
      //         
      $(this).unbind('click');
    }
  });
</script>
<body>
  <img src='images/1.png' alt='logo'>
</body>

関数式:

var func = function(args) {//    };
例:

<script>
  $(document).ready(function() {
    //       :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>

匿名関数
パラメータ、コールバックまたはクローズドの形で現れます。コールを繰り返すことはできません。

$('button').click(function(args) {//    });


例:

<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>

jQuery関連の内容について興味がある読者は、当駅のテーマを調べてもいいです。「jQueryよくある事件の使い方とテクニックをまとめました。」、「jQuery常用プラグインと使い方のまとめ」、「jQuery操作jsonデータ技術まとめ」、「jQuery拡張テクニックのまとめ」、「jQueryよくある経典効果のまとめ」および「jqueryセレクタの使い方のまとめ
ここで述べたように、皆さんのjQueryプログラムの設計に役に立ちます。