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