jQuery 教程

教程说明:

认识jQuery:

jQuery的字面意思其实就是JavaScript和查询(Query),即用于辅助开发JavaScript的库。jQuery是继prototype之后的又一个优质的Javascript库,属于开源编程语言。

如果您想要更快、更系统地学会jQuery,您最好采用边学边练(jQuery微课)的学习模式。

如果您觉得jQuery的学习难度较高,不易理解,建议您采用视频教程进行学习:jQuery视频课程

学完本教程,进行实战练习才有效果哦:jQuery实战



jQuery使用户可以更加方便地处理HTML(标准通用标记语言下的一个应用)、events、实现动画效果,而且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详尽,同时还有很多成熟的插件可供选择。jQuery可以使用户的html页面保持代码和html的内容分离,也就是说,不需要再在html里面插入一堆js来调用命令了,只需要定义id即可。

jQuery是免费、开源的,使用MIT许可协议。jQuery的语法设计可以使开发更加便捷,例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。除此之外,jQuery提供API让开发者编写插件。其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。

jQuery教程结构概述:

本教程共由9个章节构成,详细讲述了jQuery的基础使用方法并附带了大量可在线试运行的实例辅助您的学习,让您轻松掌握jQuery。

本教程包含:

1、jQuery简介

2、jQuery效果

3、jQuery HTML

4、jQuery 遍历

5、jQuery Ajax

6、jQuery 实例

7、jQuery 参考手册

8、jQuery 插件

9、jQuery noConflict() 方法

jQuery的发展及学习前的准备:

2006年1月,jQuery第一个版本发布,它以简洁、灵活的编程风格让人一见倾心。

jQuery发展至今, 更新了十几个新版本,w3cschool为您整理了《各版本JQuery.js合集》供您参考、下载使用。

jQuery已然成为当前非常流行的一个JavaScript框架,并且拥有很好的可扩展性,jQuery可以使您的工作变得更加简单。


在您开始学习 jQuery 之前,您应该对以下知识有基本的了解:

HTML 教程》 

CSS 教程

JavaScript 教程

jQuery的缺点:

1、不能向后兼容。每一个新版本不能兼容早期的版本。 

2、插件兼容性不是太好,与上一点类似。 

3、在同一页面上使用多个插件时,很容易碰到冲突现象,尤其是这些插件依赖相同事件或selector时最为明显。 

4、在大型框架中,jQuery核心代码库对动画和特效的支持相对较差。但是实际上这不是一个问题。目前在这方面有一个单独的jQuery UI项目和众多插件来弥补此点。

jQuery的安装:

您可以从网页中添加 jQuery

①从官网 jquery.com 下载 jQuery 库

②从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery

下载 jQuery:

Production version - 用于实际的网站中,已被精简和压缩。

Development version - 用于测试和开发(未压缩,是可读的代码)

可以通过多种方法在网页中添加 jQuery。 您可以使用以下方法:

有两个版本的 jQuery 可供下载:

以上两个版本都可以从官网jquery.com中下载。

------------------------------------------------

具体的安装方法您可以按照本手册中的《jQuery 安装》以及《各版本JQuery.js合集

除了本教程,您还可以在w3cschool上学习以下相关教程:

jQuery UI教程

jQuery EasyUI教程

免费Jquery插件合集

jQuery Mobile教程

Jquery 合集



温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }