• jQuery是一个轻量级的JavaScript库
• jQuery库可以通过一行简单的标记被添加到网页中
• 包含以下功能：
  • HTML元素选取
  • HTML元素操作
  • CSS操作
  • HTML事件函数
  • JavaScript特效和动画
  • HTML DOM遍历和修改
  • AJAX
  • Utilities

jQuery语法

通过jQuery，可以选取（查询，query）HTML元素，并对他们执行操作

• 基础语法：$(selector).action()
  • 美元符号定义jQuery
  • 选择符（selector）查询和查找HTML元素
  • jQuery的action()执行对元素的操作
• 案例
  • $(this).hide() - 隐藏当前元素
  • $(”p”).hide() - 隐藏所有<p>元素
  • $(”p.test”).hide() - 隐藏所有class=test的<p>元素
  • $(”#test”).hide() - 隐藏id=test的元素

文件就绪事件

实例中的所有jQuery函数位于一个document ready函数中

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

• 这是为了防止文档在完全加载之前就运行jQuery代码，即在DOM记载完成后才可以对DOM进行操作
• 如果在文档没有完全加载之前就运行函数，操作可能失败
  • 试图隐藏一个不存在的元素
  • 获得未完全加载的图像的大小
• 简洁写法

$(function(){
	// jQuery 代码
});

jQuery选择器

• jQuery选择器允许对HTML元素组或单个元素进行操作
• jQuery选择器基于元素的id、类、类型、属性、属性值等“查找”（或选择）HTML元素。
  • 它基于已经存在的CSS选择器，除此之外，它还有一些自定义的选择器
• jQuery中所有选择器都以美元符号开头：$()

元素选择器

$("p")

$(document).ready(function(){
  $("button").click(function(){
    $("p").hide();
  });
});