BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

JavaScript框架jQuery简介

| 作者 Gilad Manor 关注 0 他的粉丝 ,译者 张龙 关注 14 他的粉丝 发布于 2010年5月30日. 估计阅读时间: 3 分钟 | QCon上海2018 关注大数据平台技术选型、搭建、系统迁移和优化的经验。

jQuery项目是由John Resig在5年前创建的,最初的想法是实现跨浏览器的DOM遍历和操纵。目前的jQuery 1.4.2中包含了越来越多的工具以简化JavaScript的开发工作。根据BuiltWith的使用统计,开源项目jQuery在世界前10,000名站点中的使用率超过了30%。

jQuery API的设计初衷就是简单与直观,可以实现如下功能:

jQuery框架使用了简单的选择器来获取并操纵DOM元素。一旦获得DOM中的某个元素,它就成为一个jQuery对象,可以使用库中的任何方法来操纵该对象。jQuery框架还支持使用复杂的选择器,比如基于父子关系、属性和过滤器的元素等。

Traversing(或是在DOM元素中导航)API包含的方法可以过滤已选择的元素集合,如filter()、is()、not()和slice()等。

还有一些Traversing API可以根据元素之间的关系(这一点不同于使用id或class选择器)找到特定的元素,比如children()、find()、contents()、next()、prev()、parents()和siblings()等,这些方法能够极大简化元素的查找操作。

一旦选择了DOM元素(要么选择,要么创建),接下来就可以使用jQuery来操纵这些元素了,这些操作有:

CSS组件提供了一套工具来获取和设定任何元素或元素集合的CSS属性。该类别中的工具还有width()和height()方法以及用于获取任意指定元素相对偏移量的offset()方法。

jQuery框架为事件处理提供了跨浏览器的实现,提供了定义与触发客户化事件的方法,还可以绑定到标准的DOM事件上。它还提供了大量的事件辅助方法,可以用jQuery函数包装标准的DOM元素,开发者可以通过这些函数用最少的代码响应特定元素的事件,如click等,而且无需检测浏览器。

jQuery Ajax API所包含的方法可以通过get或post请求加载远程页面、数据和脚本,可以轻松访问JSON数据,此外还有一套客户化的AJAX事件来处理success、complete、start、stop和error事件。

若想上手jQuery框架或是学习一些高级的插件,可以参考相关的文档指南

查看英文原文:jQuery, A JavaScript Framework

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

这算啥新闻? by 邱 茂源

?

Re: 这算啥新闻? by weike li

我也觉得怎不算新闻,还出现在info里,奇怪了,而且介绍的一点也不深入全面

哈哈 by Chen YuGuo

原来Info也有灌水的时候啊!

最要命的是社区放到了Java…… by Zhang William

最要命的是社区放到了Java……

Re: 最要命的是社区放到了Java…… by Xie Fengbo

呵呵,难道放.NET社区?的确应该开一个单独的“web相关技术”社区。

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

5 讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT