jQuery是一个 24k（缩小）的小型 JavaScript 库，提供了一个极其简单和强大的选择器来选择 HTML 页面中几乎任何你想要的东西。此外，它还提供了许多创新的 DOM 遍历、事件处理（表单、浏览器、鼠标、键盘）、动画效果和 Ajax 方式，以简化 Web 开发。它肯定会改变你编写 JavaScript 的方式。

快乐学习 jQuery。

jQuery 快速入门

jQuery 简单使用示例。

• jQuery Hello World 示例
  一个简单的 jQuery hello world 示例，展示如何下载 jQuery 库并将其包含到 HTML 页面中。
• 在 JavaScript 和 jQuery
  中调用函数 演示在 JavaScript 和 jQuery 中调用函数以在页面加载后创建动态内容的不同方式。
• 从 Google 代码加载 jQuery
  示例展示如何从 Google 加载 jQuery 库以及为什么要这样做。

jQuery 实用示例

一些jQuery的实际用法和例子。

• 使用 jQuery
  制作表格斑马条纹效果 使用 jQuery 创建表格斑马条纹效果（仅一行）。
• 使用 jQuery 的页面加载效果 使用 jQuery
  创建一个淡入淡出的页面加载效果。
• 使用 jQuery
  刷新页面 使用 jQuery location.reload() 刷新页面；
• 使用 jQuery
  停止页面退出或卸载 使用 jQuery “beforeunload”事件停止页面退出或卸载。
• 使用 jQuery 检查图像是否加载
  结合使用 jQuery “load()” 和 “error()” 事件来检查图像是否加载。
• 使用 jQuery 示例检查元素是否存在，
  以展示如何使用 jQuery 检查元素是否存在。
• 动态添加/删除 CSS 类
  展示如何使用 jQuery 动态添加/删除 CSS 类的示例。
• 检查元素是否具有特定的 CSS 类
  示例展示如何使用 jQuery 检查元素是否具有特定的 CSS 类。
• 使用 jQuery 示例在运行时加载 JavaScript 库
  以显示使用 jQuery 加载外部 JavsScript 库。
• 带有 jQ​uery 的工具提示示例
  示例展示如何使用 jQuery 创建工具提示效果。
• 检查是否加载了 jQuery 库
  如何检查是否加载了 jQuery 库。
• 使用 jQuery Ajax 函数获取美味的书签数量
  如何使用 jQuery Ajax 远程调用获取美味的书签数量。
• 悬停
  时突出显示表格行记录 如何使用 jQuery 在悬停时突出显示表格行记录。

jQuery 选择器

在 jQuery 中选择您想要的任何内容。

• 使用 jQuery
  选择 CSS 类名和 id 使用 jQuery、$(.classname) 和$(#id) 选择 CSS 类名和 id。
• Universal * selector
  选择所有元素，一切。
• 选择
  多个元素 使用 jQuery 选择多个元素。
• 使用 jQuery
  获取标签名称 使用 jQuery tagName 获取标签名称。
• 使用 jQuery
  获取标签值 使用 jQuery .html() 获取标签值。
• 非选择器
  选择所有与选择器不匹配的元素。
• 空选择器
  选择内部没有子元素或文本的所有元素。
• 包含选择器
  选择所有包含指定文本的元素。

jQuery 属性选择器

关于 jQuery 中的属性选择器的一切。

• 属性选择器 [ ]
  8 个属性选择器示例，展示了 jQuery 中属性选择器的使用。

jQuery DOM 遍历

关于 jQuery 中元素遍历的一切。

• Child and Sibling Selectors
  了解四种类型的 jQuery 子选择器和兄弟选择器：后代选择器 (AB)、子选择器 (A > B)、相邻兄弟选择器 (A + B) 和通用兄弟选择器 (A ~ B)。
• nth-child 选择器
  选择所有属于其父级的 ntg-child 的元素。
• 第一个子元素和最后一个子元素选择器
  使用 jQuery 选择第一个子元素或最后一个子元素，ntg-child 的简写。
• 唯一子选择器
  选择作为其父级唯一子级的所有元素。
• 子选择器 (X > Y)
  选择所有与“Y”匹配且属于“X”元素的子元素。
• 后代选择器 (XY)
  选择与“Y”匹配的所有元素，这些元素是“X”元素的子、孙、曾孙、曾曾孙……（任何深度）。
• 通用兄弟选择器 (X ~ Y)
  选择与“Y”匹配的所有元素，该“Y”是“X”元素的兄弟。
• 相邻兄弟选择器 (X + Y)
  选择与“Y”匹配的紧随其后或下一个元素，该“Y”是“X”元素的兄弟。
• find() 选择器
  从一组匹配的元素中选择某些元素（仅限后代）。
• filter() 选择器
  从一组匹配的元素（所有级别）中选择某些元素。
• filter() 和 find()
  之间的区别 示例显示 jQuery 中 filter() 和 find() 之间的区别。
• next() 选择器
  在匹配元素集中选择紧随其后的兄弟元素
• prev() 选择器
  选择匹配元素集中的前一个兄弟元素
• children() 选择器
  选择匹配元素的子元素，它只会向下移动一个级别。
• find() 和 children()
  之间的区别 显示 jQuery 中 find() 和 children() 之间区别的示例。

jQuery DOM 操作

关于 jQuery 中的 dom 操作的一切。

• before() 和 insertBefore() 示例
  使用 jQuery 在匹配的元素之前添加文本或 html 内容。
• after() 和 insertAfter() 示例
  使用 jQuery 在匹配的元素之后添加文本或 html 内容。
• prepend() 和 prependTo() 示例
  在与 jQuery 匹配的元素的内容之前添加文本或 html 内容。
• append() 和 appendTo() 示例
  在 jQuery 匹配元素的内容之后添加文本或 html 内容。
• clone() 示例
  使用 jQuery 创建匹配元素的副本
• empty() 和 remove() 示例
  使用 jQuery 删除匹配的元素。
• html() 示例
  使用 jQuery 获取或设置匹配元素的 html 内容。
• text() 示例
  使用 jQuery 获取或设置匹配元素的文本。
• toggleClass 示例
  展示如何使用 jQuery 的 toggleClass 的示例——如果匹配的元素没有类名，则添加它；如果匹配的元素已经具有类名，则将其删除。
• wrap() 示例
  将 HTML 元素包裹在每个匹配的元素周围。

jQuery HTML 表单

jQuery 中关于 HTML 表单元素的一切。

• 表单选择器示例
  用于表单元素的 jQuery 选择器：文本框、密码、文本区域、单选按钮、复选框、上传文件、隐藏值、选择（下拉框）、提交按钮和重置按钮。
• 表单事件示例
  jQuery 表单事件：focus()、blur()、change()、select() 和 submit()。
• 获取文本框值
  使用 val() 通过 jQuery 获取文本框值。
• 添加/删除文本
  框 使用 jQuery 添加或删除文本框。
• 选择
  单选按钮 使用 jQuery 选择单选按钮。
• 设置
  下拉框值 在 jQuery 中设置下拉框值。
• 单击后
  禁用提交按钮 使用 jQuery 单击后禁用提交按钮。

jQuery 效果

关于 jQuery 中内置效果的一切。

• fadeIn()、fadeOut() 和 fadeTo() 示例
  演示有关 jQuery 的 fadeIn()、fadeOut() 和 fadeTo() 效果。
• slideUp()、slideDown() 和 slideToggle() 示例
  演示有关 jQuery 的 slideUp()、slideDown() 和 slideToggle() 效果。
• show() 和 hide() 示例
  演示 jQuery show() 和 hide() 效果。

jQuery 事件处理

关于 jQuery 中的事件处理的一切。

• bind() 和 unbind() 示例
  如何为匹配的元素附加或分离事件处理程序。
• 触发其他元素事件处理程序
  如何使用 jQuery 触发其他元素事件处理程序。

jQuery 浏览器事件

jQuery 中关于浏览器事件的一切。

• Mashable 浮动效果示例与 jQuery
  示例展示如何使用浏览器的 scroll() 事件来实现令人敬畏的 Mashable 的滚动效果。
• resize() 示例
  检测浏览器的大小是否改变。

jQuery 鼠标事件

jQuery 中关于鼠标事件的一切。

• click() 和 dblclick() 示例
  使用 jQuery 检测鼠标单击和双击。
• mousemove() 示例
  使用 jQuery 检测鼠标移动。
• mouseover() 和 mouseenter()
  之间的区别 显示 jQuery 中 mouseover() 和 mouseenter() 之间区别的示例。
• mouseout() 和 mouseleave()
  之间的区别 示例显示 jQuery 中 mouseout() 和 mouseleave() 之间的区别。
• mouseup() 和 mousedown()
  之间的区别 展示 jQuery 中 mouseup() 和 mousedown() 之间区别的示例。

jQuery 键盘事件

jQuery 中关于键盘事件的一切。

• 键盘事件示例
  键盘事件 – keyup()、keydown() 和 keypress() 示例。
• 检查是否按下回车键
  示例显示如何使用 jQuery 键盘事件检查是否按下了“回车键”。
• 检测复制、粘贴和剪切行为
  如何使用 jQuery 检测复制、粘贴和剪切行为。

jQuery 常见问题

一些常见的 jQuery 问题和解决方案。

• jQuery $() 函数不起作用？
  展示如何使用 jQuery.noConflict() 或 jQuery() 避免 jQuery 冲突问题。
• 访问受限 URI 被拒绝
  解决“访问受限 URI 被拒绝”错误的解决方案。

jQuery 参考

需要学习更多Java资料 关注博主，私聊博主免费获取