下载APP 随时随地学编程
返回 首页

jQuery教程

开始阅读

手册说明:

认识jQuery:

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

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

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



Query使用户可以更加方便地处理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 合集


更新记录
  • jQuery教程
    12-01 10:03
  • jQuery教程
    02-16 14:38
    jQuery 选择器
    12-22 19:04
    8个优质jquery分页插件推荐下载
    11-29 17:02
    12个方便易用的jquery表单验证插件推荐下载
    11-29 14:27
    jquery下拉菜单(导航)代码汇总下载
    11-28 18:22
    多个精美的jquery进度条代码素材下载
    11-28 15:57
    多个精美的jquery进度条代码素材下载
    11-28 15:54
    拓展阅读
    11-26 17:38
    jQuery 选择器
    11-09 10:58
目录

jQuery 教程

jQuery 教程导读
jQuery 简介
jQuery 安装
jQuery 语法
jQuery 选择器
jQuery 事件

jQuery 效果

jQuery 效果 – 隐藏和显示
jQuery 效果 – 淡入淡出
jQuery 效果 – 滑动
jQuery 效果 – 动画
jQuery 效果 – 停止动画
jQuery Callback 方法
jQuery Chaining

jQuery HTML

jQuery 捕获
jQuery 设置
jQuery 添加元素
jQuery 删除元素
jQuery CSS 类
jQuery css() 方法
jQuery 尺寸

jQuery 遍历

jQuery 遍历
jQuery 遍历 – 祖先
jQuery 遍历 – 后代
jQuery 遍历 – 同胞(siblings)
jQuery 遍历 – 过滤

jQuery Ajax

jQuery AJAX 简介
jQuery – AJAX load() 方法
jQuery – AJAX get() 和 post() 方法

jQuery 其他

jQuery noConflict() 方法

jQuery 实例

jQuery 实例
jQuery 编程实战闯关

jQuery 参考手册

jQuery 选择器
jQuery 事件方法
jQuery 效果方法
jQuery HTML / CSS 方法
jQuery 遍历方法
jQuery AJAX 方法
jQuery 杂项方法
jQuery 属性

jQuery 插件

jQuery Validate
jQuery Accordion
jQuery Autocomplete
jQuery Message
jQuery Password Validation(密码验证)
jQuery Prettydate
jQuery Tooltip
jQuery Treeview

拓展阅读

多个精美的jquery进度条代码素材下载
jquery下拉菜单(导航)代码汇总下载
12个方便易用的jquery表单验证插件推荐下载
8个优质jquery分页插件推荐下载
jQuery 3.0 新增了哪些特性?(jQuery 3 所引入的那些最重要的变化)

关闭