jQuery 语法-开发文档-JsSaaS开发平台

系统、网站、API站点，简单高效开发

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() 方法 JSONP 教程

jQuery 实例

jQuery 参考手册

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

jQuery 插件

jQuery Validate jQuery Cookie 插件 jQuery Accordion jQuery Autocomplete jQuery Growl 插件(消息提醒) jQuery Password Validation（密码验证） jQuery Prettydate jQuery Tooltip jQuery 树型菜单插件(Treeview)

jQuery 语法

通过 jQuery，您可以选取（查询，query） HTML 元素，并对它们执行"操作"（actions）。

jQuery 语法

jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。

基础语法： $(selector).action()

美元符号定义 jQuery
选择符（selector）"查询"和"查找" HTML 元素
jQuery 的 action() 执行对元素的操作

实例:

$(this).hide() - 隐藏当前元素
$("p").hide() - 隐藏所有 <p> 元素
$("p.test").hide() - 隐藏所有 class="test" 的 <p> 元素
$("#test").hide() - 隐藏 id="test" 的元素

	你对 CSS 选择器熟悉吗？ jQuery 使用的语法是 XPath 与 CSS 选择器语法的组合。在本教程接下来的章节，您将学习到更多有关选择器的语法。

文档就绪事件

您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中：

$(document).ready(function(){ // 开始写 jQuery 代码... });

这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码，即在 DOM 加载完成后才可以对 DOM 进行操作。

如果在文档没有完全加载之前就运行函数，操作可能失败。下面是两个具体的例子：

试图隐藏一个不存在的元素
获得未完全加载的图像的大小

提示：简洁写法（与以上写法效果相同）:

$(function(){ // 开始写 jQuery 代码... });

以上两种方式你可以选择你喜欢的方式实现文档就绪后执行 jQuery 方法。