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载入后执行
});

 

相关推荐