1.$.extend()方法
$.extend()方法在JQuery中有两个用法,第一次是扩展方法,
第二个方法是
jQuery.extend([deep], target, object1, [objectN])
返回值:Object
把2个对象合并得到新的target,deep是可选的(递归合并)
合并 settings 和 options,修改并返回 settings。
jQuery 代码:
var settings = { validate: false, limit: 5, name: "foo" };
var options = { validate: true, name: "bar" };
jQuery.extend(settings, options);
结果:
settings == { validate: true, limit: 5, name: "bar" }
描述:
合并 defaults 和 options, 不修改 defaults。
jQuery 代码:
var empty = {};
var defaults = { validate: false, limit: 5, name: "foo" };
var options = { validate: true, name: "bar" };
var settings = jQuery.extend(empty, defaults, options);
结果:
settings == { validate: true, limit: 5, name: "bar" }
empty == { validate: true, limit: 5, name: "bar" }
2中扩展:
第一种,看代码
modalshow: function (options) { |
callback: function () { } |
if ($( "#" + opts.triggerID)[0] == null ) { |
var $triggerBTN = $( '<input type="button" value="LoginShow" id=' + opts.triggerID + '/>' ); |
$triggerBTN.bind( "click" , function () { |
$( "body" ).append($triggerBTN); |
$( "#" + opts.triggerID).bind( "click" , function () { |
第二种扩展
modalshow: function (options) { |
triggerID: this .attr( "id" ), |
callback: function () { } |
$( "#" + opts.triggerID).bind( "click" , function () { |
$( "#loginShow" ).modalshow(); |