js常用方法和jQuery插件开发

一、对象取值方法

var obj = {a:1, b:2};  --定义一个对象
取值方法1：obj.a     -> 1
取值方法2：obj['a']   -> 1

二、对象包含某个属性

function hasField(obj,field){
    return !obj.hasOwnProperty(field)&&(field in obj);
}

三、开发jQuery插件

方法1：这种插件是基于jQuery对象上

// 创建一个闭包     
(function($) {     
   // 插件的定义     
   $.fn.bo = function(options) {     
   };
   // 插件的defaults     
   $.fn.bo.defaults = {    
     text: 'hello world',     
   };
   // 定义函数     
   $.fn.bo.hi = function() {     
     return this.defaults.text;     
   };
   // 闭包结束     
 })(jQuery);

 console.log($().bo.hi()); //注意调用方式

方法2：在jQuery命名空间新增对象

// 创建一个闭包     
(function($) {     
  // 插件的定义     
  $.bo = function(options) {     
  };
  // 插件的defaults     
  $.bo.defaults = {    
    text: 'hello world',     
  };
  // 定义函数     
  $.bo.hi = function() {     
    return this.defaults.text;     
  };
// 闭包结束     
})(jQuery);  

console.log($.bo.hi());  //注意调用方式

为插件扩展增加一个方法
$.extend($.bo,{
    test:function(){
        console.log('new method');
    }
});
$.bo.test(); --调用

开发插件两种方式：

jQuery.fn.extend(object);  给jQuery对象添加方法。
jQuery.extend(object);  为扩展jQuery类本身.为类添加新的方法。