jQuery是一个快速,小巧,功能丰富的JavaScript库。 它通过易于使用的API在大量浏览器中运行,使得HTML文档遍历和操作,事件处理,动画和Ajax变得更加简单。 通过多功能性和可扩展性的结合,jQuery改变了数百万人编写JavaScript的方式。

简要说明

DOM遍历和操作

获取带有"continue"类的<button> 元素,并将其HTML更改为“Next Step ...”

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

事件处理

当点击#button-container 中的任何按钮时,将显示隐藏的#banner-message 元素,这个元素其实是通过 display:none 隐藏的。

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( "" + result + " degrees" );
  }
});