Qitailang's HP > 雑記

jQueryの基本

自分用メモ

jQueryプラグインの基本形

2014/08/24

;(function($) {
  $.fn.myfunction = function(options){

    var defaults = {
      param1 : 'false',
      param2 : 100
    };
    var settings = $.extend(defaults,options);
        
    return this.each(function() { 
    //ここから関数記述
    
      if (setting.param2 == 100) {
        //処理
      } else {
        //処理
      }
      
    //関数記述ここまで
    }); 
    
  }
})(jQuery);

$(function(){
  $("セレクタ").myfunction({param1:value1,param2:value2,});
});

jQueryの処理タイミング

2016/01/11

$(function(){});
$(document).ready(function(){});

DOMがロードされて操作・解析が可能になったタイミングで関数を実行

$(window).load(function () {});

DOMがロードされ画像などの関連データの読み込みが完了後処理を実行

$(window).on('load resize', function(){});

読み込み時とリサイズ時を同時に処理する