10、jQuery实用技巧与常见问题解决方案

jQuery实用技巧与常见问题解决方案

1. jQuery的 $.extend() 方法

1.1 基本用法

jQuery提供的 $.extend() 方法会返回传入的第一个对象的引用，后面的对象会覆盖第一个对象中相同的属性。以下代码展示了其实际工作方式：

var obj = { hello: 'world' };
obj = $.extend(obj, { hello: 'big world' }, { foo: 'bar' });
alert( obj.hello ); // 弹出 'big world'
alert( obj.foo ); // 弹出 'bar'

这使得我们可以让 myPlugin() 接受一个选项对象，该对象会覆盖默认设置。例如，用户可以通过以下代码覆盖默认的CSS颜色设置：

$('div').myPlugin({ css: { color: 'blue' } });

1.2 扩展jQuery核心

当 $.extend() 只传入一个对象时，它会扩展jQuery的基础对象。我们可以这样定义插件来扩展jQuery核心：

$.fn.extend({
    myPlugin: function()