JQuery

什么是 jQuery ？

jQuery是一个快速，小型且功能丰富的JavaScript库。借助易于使用的API（可在多种浏览器中使用），使HTML文档的遍历和操作，事件处理，动画和Ajax等事情变得更加简单。兼具多功能性和可扩展性，jQuery改变了数百万人编写JavaScript的方式。jQueryAPI文档

您需要具备的基础知识

在您开始学习 jQuery 之前，您应该对以下知识有基本的了解：

• HTML

• CSS

• JavaScript

jQuery库包含以下功能

• HTML 元素选取

• HTML 元素操作

• CSS 操作

• HTML 事件函数

• JavaScript 特效和动画

• HTML DOM 遍历和修改

• AJAX

• Utilities

提示： 除此之外，Jquery还提供了大量的插件。

为什么使用 jQuery ？

目前网络上有大量开源的 JS 框架, 但是 jQuery 是目前最流行的 JS 框架，而且提供了大量的扩展。

简要介绍

DOM遍历和操纵

获取<button>具有“ continue”类的元素，并将其HTML更改为“ Next Step ...”。

$( "button.continue" ).html( "Next Step..." )

事件处理

单击任何按钮时#banner-message，显示隐藏display:none在CSS中的元素 #button-container。

var hiddenBox = $( "#banner-message" );
$( "#button-container button" ).on( "click", function( event ) {
  hiddenBox.show();
});

ajax

/api/getWeather 使用查询参数在服务器上调用本地脚本，并将zipcode=97201 元素#weather-temp的html替换为返回的文本。

$.ajax({
  url: "/api/getWeather",
  data: {
    zipcode: 97201
  },
  success: function( result ) {
    $( "#weather-temp" ).html( "<strong>" + result + "</strong> degrees" );
  }
});