jquery封装插件 jquery封装的插件,是为了日后调用起来方便,只需要输入参数即可实现我们需要的效果。 jquery为我们提供了$.extend和$.fn.extend的方法,一个是全局封装一个是局部封装, 例如: ;(function($){ $.fn.extend({ 'color':function(value1,value2){ $(this).css({'color':value1,'background':value2}); } }); })(jQuery); 调用只需要: $('div').color('red','yellow'); 以上是局部封装,全局封装只需要修改成$.extend即可。 根据个人写作代码的习惯不同,同样也可以换其他的代码风格其实效果还是一样。 $.extend还有一个例子更直接的说明它的封装性。 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" }