AI 中文社
欢迎来到 AI 中文社区（简称 AI 中文社），这里是学习交流 AI 人工智能技术的中文社区。 为了更好的体验，本站推荐使用 Chrome 浏览器。
全部教程·
JavaScript·
jQuery
[目录]
·
jQuery 语法
jQuery 教程
jQuery 简介
jQuery 安装
jQuery 语法
jQuery 选择器
jQuery 事件
jQuery 效果
jQuery 隐藏和显示 jQuery 淡入淡出 jQuery 效果 滑动 jQuery 效果 动画 jQuery 停止动画 jQuery Callback jQuery ChainingjQuery HTML
jQuery 获得内容 jQuery 设置内容 jQuery 添加元素 jQuery 删除元素 获取设置 CSS 类 jQuery CSS() 方法 jQuery 尺寸jQuery 遍历
jQuery 遍历 jQuery 遍历 祖先 jQuery 遍历 后代 jQuery 遍历 兄弟 jQuery 遍历 过滤jQuery AJAX
jQuery AJAX 简介 jQuery AJAX 加载 jQuery Get/Post jQuery noConflict() 方法jQuery 参考手册
jQuery 参考手册 选择器 jQuery 参考手册 事件 jQuery 参考手册 效果 jQuery 文档操作 jQuery 属性操作 jQuery CSS操作 jQuery 参考手册 Ajax jQuery 参考手册 遍历 jQuery 参考手册 数据 jQuery DOM方法 jQuery 参考手册 核心 jQuery 参考手册 属性
jQuery 教程
jQuery 简介
jQuery 安装
jQuery 语法
jQuery 选择器
jQuery 事件
jQuery 效果
jQuery 隐藏和显示 jQuery 淡入淡出 jQuery 效果 滑动 jQuery 效果 动画 jQuery 停止动画 jQuery Callback jQuery ChainingjQuery HTML
jQuery 获得内容 jQuery 设置内容 jQuery 添加元素 jQuery 删除元素 获取设置 CSS 类 jQuery CSS() 方法 jQuery 尺寸jQuery 遍历
jQuery 遍历 jQuery 遍历 祖先 jQuery 遍历 后代 jQuery 遍历 兄弟 jQuery 遍历 过滤jQuery AJAX
jQuery AJAX 简介 jQuery AJAX 加载 jQuery Get/Post jQuery noConflict() 方法jQuery 参考手册
jQuery 参考手册 选择器 jQuery 参考手册 事件 jQuery 参考手册 效果 jQuery 文档操作 jQuery 属性操作 jQuery CSS操作 jQuery 参考手册 Ajax jQuery 参考手册 遍历 jQuery 参考手册 数据 jQuery DOM方法 jQuery 参考手册 核心 jQuery 参考手册 属性jQuery 语法
通过 jQuery，您可以选取（查询，query） HTML 元素，并对它们执行“操作”（actions）。
1. jQuery 语法
jQuery 语法是为 HTML 元素的选取编制的，可以对元素执行某些操作。
基础语法是：$(selector).action()
- 美元符号定义 jQuery
- 选择符（selector）“查询”和“查找” HTML 元素
- jQuery 的 action() 执行对元素的操作
示例
$(this).hide() - 隐藏当前元素
$("p").hide() - 隐藏所有段落
$(".test").hide() - 隐藏所有 class="test" 的所有元素
$("#test").hide() - 隐藏所有 id="test" 的元素
提示：jQuery 使用的语法是 XPath 与 CSS 选择器语法的组合。在本教程接下来的章节，您将学习到更多有关选择器的语法。
2. jQuery 语法范例
- $(this).hide()
- $("#test").hide()
- $("p").hide()
- $(".test").hide()
演示 jQuery hide() 函数，隐藏当前的 HTML 元素。
演示 jQuery hide() 函数，隐藏 id="test" 的元素。
演示 jQuery hide() 函数，隐藏所有 <p> 元素。
演示 jQuery hide() 函数，隐藏所有 class="test" 的元素。
3. 文档就绪函数
您也许已经注意到在我们的范例中的所有 jQuery 函数位于一个 document ready 函数中：
$(document).ready(function(){
--- jQuery functions go here ----
});
这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码。
如果在文档没有完全加载之前就运行函数，操作可能失败。下面是两个具体的例子：
- 试图隐藏一个不存在的元素
- 获得未完全加载的图像的大小
下一章：jQuery 选择器
选择器允许您对元素组或单个元素进行操作。jQuery 选择器：jQuery 元素选择器和属性选择器允许您通过标签名、属性名或内容对 HTML 元素进行选择。选择器允许您对 HTML 元素组或单个元素进行操作。