Learning Path
浏览 jQuery 相关教程与章节。
HTML、CSS、JavaScript、浏览器 API、前端框架与 UI 工程。
教程
353
jQuery 简介 jQuery 库可以通过一行简单的标记被添加到网页中。 您需要具备的基础知识 在您开始学习 jQuery 之前，您应该对以下知识有基本的了解： HTML CSS JavaScript 如果您需要首先学习这些科目，请在我们的 首页 查找这些教程。 什么是 jQuery ？ jQuery 是一个 JavaScript 函数库。 jQuery 是一个轻量级的“写的少，做的多”的 JavaScript 库。..
jQuery - noConflict() 方法 如何在页面上同时使用 jQuery 和其他框架？ jQuery 和其他 JavaScript 框架 正如您已经了解到的，jQuery 使用 $ 符号作为 jQuery 的简写。 如果其他 JavaScript 框架也使用 $ 符号作为简写怎么办？ 其他一些 JavaScript 框架包括：MooTools、Backbone、Sammy、Cappuccino、Knockout、..
jQuery Accordion jQuery Accordion 插件用于创建折叠菜单。它通常与嵌套的列表、定义列表或嵌套的 div 一起使用。选项用于指定结构、激活的元素和定制的动画。 该插件现在是 jQuery UI 的一部分，独立的版本不会再更新了。目前版本是 1.6。 jQuery Accordion 官网，jQuery Accordion 插件下载：http://www.runoob.com/try/download/..
jQuery Autocomplete jQuery Autocomplete 插件根据用户输入值进行搜索和过滤，让用户快速找到并从预设值列表中选择。通过给 Autocomplete 字段焦点或者在其中输入字符，插件开始搜索匹配的条目并显示供选择的值的列表。通过输入更多的字符，用户可以过滤列表以获得更好的匹配。 该插件现在是 jQuery UI 的一部分，独立的版本不会再更新了。目前版本是 1.6。 访问 jQuery Autocom..
jQuery Growl 插件(消息提醒) jQuery Growl 插件(消息提醒) 允许您很容易地在一个覆盖层显示反馈消息。消息会在一段时间后自动消失，不需要单击'确定'按钮等。用户也可以通过移动鼠标或点击关闭按钮加快隐藏信息。 该插件目前版本是 1.0.0。 访问 jQuery Growl 官网，下载 jQuery Growl 插件。 效果如下： 使用方式 下载好插件后导入 jQuery 库，..
jQuery Password Validation（密码验证） jQuery Password Validation（密码验证）插件扩展了 jQuery Validate 插件，提供了两种组件： 一种评价密码的相关因素的功能：比如大小写字母的混合情况、字符（数字、特殊字符）的混合情况、长度、与用户名的相似度（可选的）。 一种使用评价功能显示密码强度的验证插件自定义方法。显示的文本可以被本地化。 您可以简单地自定义强度显示的外观、本地..
jQuery Prettydate jQuery Prettydate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。该插件捆绑了一套有用的验证方法，包括 URL 和电子邮件验证，同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息，且已翻译成其他 37 种语言。 该插件目前版本是 1.1.0。 下载 jQuery Prettydate ..
jQuery Tooltip jQuery Tooltip 插件取代了原生的工具提示框，让它们可自定义，您只需要调整它们的内容、位置和外观即可。 该插件目前版本是 1.3，已经很长时间没有更新，推荐使用 jQuery UI 工具提示框（Tooltip）。 如需了解更多有关 jQuery UI 工具提示框（Tooltip）的细节，请查看 API 文档 jQuery UI 工具提示框部件（Tooltip Widget）。 实例演示 ..
jQuery 树型菜单插件(Treeview) jQuery Treeview 提供了一个无序灵活的可折叠的树形菜单。适用于一些菜单的导航，支持基于 cookie 的持久性菜单。 Folder 1 Item 1.1 Item 1.1.1 Folder 2 Subfolder 2.1 File 2.1.1 Fi..
jQuery Validate jQuery Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。该插件捆绑了一套有用的验证方法，包括 URL 和电子邮件验证，同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息，且已翻译成其他 37 种语言。 该插件是由 Jörn Zaefferer 编写和维护的，他是 jQuery 团队的一..
jQuery AJAX 方法 jQuery AJAX 方法 AJAX 是一种与服务器交换数据的技术，可以在不重新载入整个页面的情况下更新网页的一部分。 下面的表格列出了所有的 jQuery AJAX 方法： 方法 描述 $.ajax() 执行异步 AJAX 请求 $.ajaxPrefilter() 在每个请求发送之前且被 $.ajax() 处理之前，处理自定义 Ajax 选项或修改已存在选项 $.ajaxSetup..
jQuery 效果 方法 jQuery 效果方法 下面的表格列出了所有用于创建动画效果的 jQuery 方法。 方法 描述 animate() 对被选元素应用“自定义”的动画 clearQueue() 对被选元素移除所有排队函数（仍未运行的） delay() 对被选元素的所有排队函数（仍未运行）设置延迟 dequeue() 移除下一个排队函数，然后执行函数 fadeIn() 逐渐改变被选元素的不透明度，..
jQuery 事件 方法 jQuery 事件方法 事件方法触发器或添加一个函数到被选元素的事件处理程序。 下面的表格列出了所有用于处理事件的 jQuery 方法。 方法 描述 bind() 向元素添加事件处理程序 blur() 添加/触发失去焦点事件 change() 添加/触发 change 事件 click() 添加/触发 click 事件 dblclick() 添加/触发 double click 事件 ..
jQuery HTML / CSS 方法 jQuery HTML / CSS 方法 下面的表格列出了所有用于处理 HTML 和 CSS 的 jQuery 方法。 下面的方法适用于 HTML 和 XML 文档。除了：html() 方法。 方法 描述 addClass() 向被选元素添加一个或多个类名 after() 在被选元素后插入内容 append() 在被选元素的结尾插入内容 appendTo() 在被选元..
jQuery 杂项方法 jQuery 杂项方法 方法 描述 data() 向被选元素附加数据，或者从被选元素获取数据 each() 为每个匹配元素执行函数 get() 获取由选择器指..
jQuery 属性 jQuery 属性 方法 描述 context 在版本 1.10 中被废弃。包含被传递到 jQuery 的原始上下文 jquery 包含 jQuery 的版本号 jQuery.fx.interval 改变以毫秒计的动画运行速率 jQuery.fx.off 对所有动画进行全局禁用或启用 jQuery.support 包含表示不同浏览器特性或漏洞的属性集（主要用于 jQuery 的内部使用）..
jQuery 选择器 jQuery 选择器 请使用我们的 jQuery 选择器检测器 来演示不同的选择器。 选择器 实例 选取 * $('*') 所有元素 #id $('#lastname') id='lastname' 的元素 .class $('.intro') class='intro' 的所有元素 .cla..
jQuery 遍历 方法 jQuery 遍历方法 方法 描述 add() 把元素添加到匹配元素的集合中 addBack() 把之前的元素集添加到当前集合中 andSelf() 在版本 1.8 中被废弃。addBack() 的别名 children() 返回被选元素的所有直接子元素 closest() 返回被选元素的第一个祖先元素 contents() 返回被选元素的所有直接子元素（包含文本和注释节点） ..
jQuery 选择器 jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。 jQuery 选择器 jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。 jQuery 选择器基于元素的 id、类、类型、属性、属性值等“查找”（或选择）HTML 元素。 它基于已经存在的 CSS 选择器，除此之外，它还有一些自定义的选择器。 jQuery 中所有选择器都以美元符号开头：$()。 元素选择器 jQuery ..
$(document).ready(function(){ $('.flip').click(function(){ $('.panel').slideToggle('slow'); }); }); div.panel,p.flip { width:90%; margin:auto; padding:5px; text-align:center; background:#..
$(document).ready(function(){ $('.flip').click(function(){ $('.panel').slideToggle(5000); }); $('#stop').click(function(){ $('.panel').stop(); }); }); #stop { ma..
jQuery 语法 通过 jQuery，您可以选取（查询，query） HTML 元素，并对它们执行“操作”（actions）。 jQuery 语法 jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。 基础语法： $(selector).action() 美元符号定义 jQuery 选择符（selector）“查询”和“查找” HTML 元素 jQuery 的 action() 执行对元素的操作 实例..
jQuery 遍历 - 祖先 祖先是父、祖父或曾祖父等等。 通过 jQuery，您能够向上遍历 DOM 树，以查找元素的祖先。 向上遍历 DOM 树 这些 jQuery 方法很有用，它们用于向上遍历 DOM 树： parent() parents() parentsUntil() jQuery parent() 方法 parent() 方法返回被选元素的直接父元素。 该方法只会向上一级对 DOM 树进行遍历。 ..
jQuery 遍历 - 后代 后代是子、孙、曾孙等等。 通过 jQuery，您能够向下遍历 DOM 树，以查找元素的后代。 向下遍历 DOM 树 下面是两个用于向下遍历 DOM 树的 jQuery 方法： children() find() jQuery children() 方法 children() 方法返回被选元素的所有直接子元素。 该方法只会向下一级对 DOM 树进行遍历。 下面的例子返回每个 &am..