jQuery

复习

1、写出Ajax的使用步骤
2、写出Ajax的readyState的值
3、写出Ajax进行获取登录跳转的js方法

回顾

1、Ajax的作用
2、Ajax的使用

内容

1、什么是jQuery
2、jQuery的使用
3、jQuery的语法
4、jQuery常用事件
5、jQuery的效果
6、jQuery对HTML的操作
7、jQuery的遍历操作
8、jQuery的Ajax操作

目标

1、理解什么是jQuery
2、掌握jQuery的使用
3、掌握jQuery的语法
4、掌握jQuery常用事件
5、掌握jQuery的效果
6、掌握jQuery对HTML的操作
7、掌握jQuery的遍历操作
8、掌握jQuery的Ajax操作

第一章 jQuery概述

1.1 jQuery简介

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

1.2 什么是jQuery？

jQuery是一个JavaScript函数库。 jQuery是一个轻量级的"写的少，做的多"的JavaScript库。 jQuery库包含以下功能：

• HTML 元素选取
• HTML 元素操作
• CSS 操作
• HTML 事件函数
• JavaScript 特效和动画
• HTML DOM 遍历和修改
• AJAX
• Utilities

1.3 为什么要用jQuery

目前网络上有大量开源的 JS 框架, 但是 jQuery 是目前最流行的 JS 框架，而且提供了大量的扩展。 很多大公司都在使用 jQuery， 例如:

• Google
• Microsoft
• IBM
• Netflix

第二章 jQuery安装

2.1 网页中添加 jQuery

可以通过多种方法在网页中添加 jQuery。 您可以使用以下方法：

• 从 jquery.com 下载 jQuery 库
• 从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery 有两个版本的 jQuery 可供下载：
• Production version - 用于实际的网站中，已被精简和压缩。
• Development version - 用于测试和开发（未压缩，是可读的代码） 以上两个版本都可以从 jquery.com 中下载。 jQuery 库是一个 JavaScript 文件，您可以使用 HTML 的 符号作为变量传递给 ready 方法。这样就可以在函数内使用 $ 符号了 - 而在函数外，依旧不得不使用 "jQuery"：

   
  xxxxxxxxxx
  $.noConflict();
  jQuery(document).ready(function($){
    $("button").click(function(){
      $("p").text("jQuery 仍然在工作!");
    });
  });
  

  作业题

  1、写一个综合模块，要求能够尽可能多的使用jQuery实现

  面试题

  1、jQuery的美元符号$有什么作用？
  2、body中的onload()函数和jQuery中的document.ready()有什么区别？
  3、jQuery中有哪几种类型的选择器？
  4、如何用jQuery禁用浏览器的前进后退按钮？