jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。在jQuery类库中,最重要的方法是jQuery()方法(也就是 $() )。它的功能很强大,有4种不同的调用方式。
第一种也是最常用的调用方式是传递CSS选择器(字符串)给 $() 方法。当通过这种方式调用时,$() 方法会返回当前文档中匹配该选择器的元素集。jQuery支持大部分CSS3选择器语法,还支持一些自己的扩展语法。还可以将一个元素或jQuery对象作为第二参数传递给 $() 方法,这时返回的是该特定元素或元素集的子元素中匹配选择器的部分。这第二参数是可选的,定义了元素查询的起始点,经常称为上下文(context)。
第二种调用方式是传递一个Element、Document或Window对象给 $() 方法。在这种情况下,$() 方法只须简单地将该Element、Document或Window对象封装成jQuery对象并返回。这样可以使得能用jQuery方法来操作这些元素而不用使用原生DOM方法。例如,在jQuery程序中,经常可以看见 $(document) 或 $(this)。jQuery对象可以表示文档中的多个元素,也可以传递一个元素数组给 $() 方法。在这种情况下,返回的jQuery对象表示该数组中的元素集。
第三种调用方式是传递HTML文本字符串给 $() 方法。在这种调用方式下,jQuery会根据传入的文本创建好HTML元素并封装为jQuery对象返回。jQuery不会将刚创建的元素自动插入文档中,可以使用jQuery方法来轻松地将元素插入想要的地方。注意:在这种调用方式下,不可传入纯文本,因为jQuery会把纯文本当成CSS选择器来解析。当使用这种调用风格时,传递给$()方法的字符串必须至少包含一个带有尖角括号的HTML标签。
通过第三种方式调用时,$() 接受可选的第二参数。可以传递Document对象来指定与所创建元素相关联的文档。(比如,当创建的元素需要插入iframe里时,需要显式指定该iframe的document对象。)第二参数还可以是object对象。此时,假设该对象的属性表示HTML属性的键/值对,这些属性将设置到所创建的对象上。当第二参数对象的属性名是"css"、"html"、"text"、"width"、"height"、"offset"、"val"或"data",或者属性名是jQuery事件处理程序注册方法名时,jQuery将调用新创建元素上的同名方法,并传入属性值。
var img=$( "<img/>",//新建一个<img>元素
{src:url,//具有HTML属性
css:{borderWidth:5},//CSS样式
click:handleClick//和事件处理程序
});
最后,第4种调用方式是传入一个函数给$()方法。此时,当文档加载完毕且DOM可操作时,传入的函数将被调用。
jQuery(function(){//文档加载完毕时调用
//所有jQuery代码放在这里
});
以上就是jQuery的4种调用方式,我们可以结合我们介绍的实例,根据实际情况选择合适的方式来调用jQuery。我们的动力节点在线网站上面也有大量的jQuery调用实例供大家参考。
代码小兵49806-11 15:28
代码小兵49806-11 15:51
代码小兵49806-11 16:22
代码小兵51603-29 17:28
暴风城-小飞04-06 20:49