jQuery

jQuery

• jQuery是一个JavaScript函数库。
  jQuery是一个轻量级的”写的少，做的多”的JavaScript库。
  jQuery库包含以下功能：
  HTML 元素选取
  HTML 元素操作
  CSS 操作
  HTML 事件函数
  JavaScript 特效和动画
  HTML DOM 遍历和修改
  AJAX
  Utilities

• 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" 的元素

• jQuery 入口函数:

$(document).ready(function(){
    // 执行代码
});
或者
$(function(){
    // 执行代码
});

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

• 元素选择器

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

• id 选择器

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

• .class 选择器

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