熟悉jauery库中的构造函数 jQuery()

如果调用构造函数 jQuery() 时传入的参数不同，创建 jQuery 对象的逻辑也会随之不同。
实际上构造函数 jQuery() 有 7 种用法，下面一一举例

1、jQuery( selector [, context] )

或许我们以前总喜欢这样：

 $('.aa').click(function(){

             $(this).find('span').addClass("bar");
             })

其实我们还可以这样：

 $('.aa').click(function(){
             $('span',this).addClass("bar");

             })

2、jQuery( html [, ownerDocument] )、jQuery( html, props )

或许我们以前总喜欢这样：

$('<p class="aa">My text</p>').appendTo('body');
$('.aa').click(function(){
alert('hello world!')
})

其实我们还可以这样：

        $('<p></p>',{
            'class':'aa',
            text:'My test',
            click:function(){
                alert('hello world!');
                }
            }).appendTo('body');

3、jQuery( element )、jQuery( elementArray )

这个太常见了，我们都经常写，就不说了

4、jQuery( object )

如果传入一个普通 JavaScript 对象，则把该对象封装到 jQuery 对象中并返回。
这个功能可以方便地在普通 JavaScript 对象上实现自定义事件的绑定和触发

// 定义一个普通 JavaScript 对象
var foo = {foo:'bar', hello:'world'};
// 封装成 jQuery 对象
var $foo = $(foo);
// 绑定一个事件
$foo.on('custom', function (){
       alert($(this)[0].foo+' '+$(this)[0].hello);
});
// 触发这个事件
$foo.trigger('custom'); 

5、jQuery( callback )

如果传入一个函数，则在 document 上绑定一个 ready 事件监听函数，当 DOM 结构加载
完成时执行。ready 事件的触发要早于 load 事件。ready 事件并不是浏览器原生事件，而是
DOMContentLoaded 事件、onreadystatechange 事件和函数 doScrollCheck() 的统称.

6、jQuery( jQuery object )

如果传入一个 jQuery 对象，则创建该 jQuery 对象的一个副本并返回，副本与传入的
jQuery 对象引用完全相同的 DOM 元素。

7、jQuery()

如果不传入任何参数，则返回一个空的 jQuery 对象，属性 length 为 0。注意，在 jQuery
1.4 之前，会返回一个含有 document 对象的 jQuery 对象。