动力节点首页 全国咨询热线:400-8080-105

绑定手机号,登录
手机号

验证码

微信登录
手机号登录
手机号

验证码

微信登录与注册
微信扫码登录与注册

扫码关注微信公众号完成登录与注册
手机号登录
首页 > 文章

浅谈jQuery()的4种调用方式

04-30 22:43 984浏览
举报 T字号
  • 大字
  • 中字
  • 小字

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调用实例供大家参考。

0人推荐
共同学习,写下你的评论
0条评论
杨晶珍
程序员杨晶珍

98篇文章贡献357785字

相关课程 更多>

作者相关文章更多>

推荐相关文章更多>

JavaWeb的3大组件

代码小兵49806-11 15:28

全面解析Cookie技术

代码小兵49806-11 15:51

浅谈JavaWeb架构演变

代码小兵49806-11 16:22

探讨Web开发中的Session存储与管理

代码小兵51603-29 17:28

JavaScript基础知识

 暴风城-小飞04-06 20:49

发评论

举报

0/150

取消