jQuery 基础教程jQuery 简介jQuery 安装jQuery 语法jQuery 选择器jQuery 事件jQuery 隐藏和显示jQuery 效果 -淡入淡出jQuery 效果 -滑动jQuery 效果 animate() 方法jQuery 停止动画 stop() 方法jQuery 动画 callback 回调方法jQuery 方法链 ( chaining )jQuery 获取HTML元素的内容属性jQuery 设置HTML元素的内容属性jQuery - 添加元素jQuery - 删除元素jQuery - 获取并设置 CSS 类jQuery css() 方法jQuery 尺寸jQuery 遍历jQuery 遍历 祖先元素jQuery 遍历 后代jQuery 遍历 - 同胞 ( siblings )jQuery 遍历-过滤jQuery AJAX 简介jQuery AJAX load() 方法jQuery AJAX get() 和 post() 方法jQuery - noConflict() 方法jQuery Validate 验证插件jQuery UI Accordion 折叠菜单jQuery UI Autocomplete 插件jQuery Growl 消息提醒jQuery Password ValidationjQuery Prettydate 友好日期插件jQuery TooltipjQuery 树型菜单插件(Treeview)
jQuery 语法
jquery 可以让我们选取 html 元素，并对选取的元素执行某些操作
jQuery 语法
jQuery 通过选取 HTML 元素，并对选取的元素执行某些操作
基础语法
$( selector ).action()
美元符号($) 定义 jQuery 的别名
选择符（selector）"查询" 和 "查找" HTML 元素
jQuery 的 action() 执行对元素的操作
范例
$(this).hide() 隐藏当前元素
$("p").hide() - 隐藏所有 <p> 元素
$("p.test").hide() 隐藏所有 的 <p> 元素
$("#test").hide() - 隐藏所有 id="test" 的元素
你对 css 选择器熟悉吗？
jQuery 使用的语法是 XPath 与 CSS 选择器语法的组合
我们会在接下来的章节中学习到更多有关选择器的语法
文档就绪事件 ready
你或许已经注意到在我们之前的范例中的所有 jQuery 函数位于一个 document ready 函数中
$(document).ready(function() {
// 开始写 jQuery 代码...
});
这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码，即在 dom 加载完成后才可以对 DOM 进行操作
如果在文档没有完全加载之前就运行函数，操作可能失败，比如
- 试图隐藏一个不存在的元素
- 获得未完全加载的图像的大小
上面的代码还有一种简洁的写法
$(function(){
// 开始写 jQuery 代码...
});
两种方式的效果一样，但我们推荐使用前者