jquery 函数详解

jQuery jQuery() 函数详解

jQuery()函数是jQuery库的最核心函数，jQuery的一切都是基于此函数的。该函数主要用于获取HTML DOM元素并将其封装为jQuery对象，以便于使用jQuery对象提供的其他属性和方法对DOM元素进行操作。

1、jQuery( selector, [ context ] )

将选择器字符串selector所对应的HTML DOM元素封装为jQuery对象。可选参数context用于指定查找DOM元素的范围。

2、jQuery 1.4 新增省略参数obj的用法：不传入任何参数，将返回空的jQuery对象 jQuery( [ obj ] )

将指定对象obj封装为jQuery对象。这个对象可以是一个DOM元素(Element)，也可以是一个DOM元素数组，也可以是一个jQuery对象(对其进行克隆)

3、jQuery( html, [ ownerDocument ] )

根据HTML标签字符串html动态地创建临时DOM元素，并将其封装为jQuery对象。可选参数ownerDocument用于指定临时DOM元素在哪个文档中创建(如果存在多个文档的话，例如框架页面)。

4、jQuery 1.4 新增该用法。jQuery( html, properties )

根据HTML标签字符串html和包含其附加属性、事件以及方法的properties对象，动态地创建临时DOM元素，并将其封装为jQuery对象。

5、jQuery( callback )

在当前文档载入完成后，执行指定的函数callback。该用法是ready()函数如下用法的简写：jQuery(document).ready(callback)。

例子：

// 创建一个临时的链接jQuery对象
var tempLink = $('<a/>', {
    id: 'goback',
    title: 'CodePlayer',
    html: 'CodePlayer', // 表示链接的锚文本，也就是innerHTML的值
    href: 'http://www.365mini.com/',
    click: function(){
        // 统计点击次数       
    }
});
// 追加到body标签内容的末尾
tempLink.appendTo("body");


$('<input/>', {
    type: 'checkbox',
    val: 'def', // 表示表单元素的value属性值或textarea的输入内容
    click: function(){
        alert("点击了复选框");
    }
}).appendTo("body");