什么是 jQuery？

jQuery 是一个快速、小巧且功能丰富的 JavaScript 库。它使用易于使用的 API，使 HTML 文档遍历和操作、事件处理、动画和 Ajax 变得更加简单，该 API 可在众多浏览器中使用。jQuery 既通用又可扩展，它改变了数百万人编写 JavaScript 的方式。

简要介绍

DOM 遍历和操作

获取带有类“continue”的 <button> 元素，并将其 HTML 更改为“下一步...”

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

事件处理

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

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

Ajax

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

1
2
3
4
5
6
7
8
9
 
$.ajax({
  url: "/api/getWeather",
  data: {
    zipcode: 97201
  },
  success: function( result ) {
    $( "#weather-temp" ).html( "<strong>" + result + "</strong> degrees" );
  }
});

相关项目

jQuery UI

此项目处于仅维护模式。 了解更多。

jQuery Mobile

此项目已弃用。 了解更多。