jQuery中$()有几种用法

jQuery的$()有3种方法。

（1）DOM选择，可以指定上下文；

（2）DOM创建，可以指定所属的document、属性、事件、甚至所有jQuery方法；

（3）DOM加载完成事件监听，是 $(document).ready() 的简化写法。

 

（1）DOM选择

通过选择符来选择：

 

jQuery( selector [, context ] )

 第二个可选参数可以指定上下文，它的类型可以是DOM对象也可以是jQuery对象。例如，找ul下的所有li。

 

 

$ul = $('ul');
$li = $.('li', $ul);

 相当于这个功能：

$li = $ul.find('li');

 （2）DOM创建

用jQuery来创建DOM也是常见操作，例如在ul下创建一个li：

// 方法声明
jQuery( html [, ownerDocument ] )
// 例子
$('<li>').appendTo($ul);

 注意第二个可选参数，默认值是当前jQuery被载入的那个Document。 如果希望在IFrame中创建的元素，则必须指定Document。

 

创建DOM元素时，除了可以指定document，还可以指定元素属性：

// 方法声明
jQuery( html, attributes )
// 例子
$('<a>', {
    href: 'http://jquery.com'
});
// 当然你笨笨地写也是可以的：
$( "<a href='http://jquery.com'></a>" );

 

（3）DOM加载

通常JavaScript需要在DOM加载完成后执行，否则DOM操作可能会失效。jQuery提供了一个方便的方法来监听DOM加载完成：

// 方法声明
jQuery( callback )
// 例子
$(function(){
    // DOM载入后执行
});