A Brief Look 官网摘录

What is jQuery?

jQuery is a fast, small, and feature-rich JavaScript library. It makesthings like HTML document traversal and manipulation, event handling,animation, and Ajax much

Resources

• jQuery Core API Documentation
• jQuery Learning Center
• jQuery Blog
• Contribute to jQuery
• About the jQuery Foundation
• Browse or Submit jQuery Bugs
• Try jQuery

DOM Traversal and Manipulation

Get the <button> element with the class 'continue' and change its HTML to 'Next Step...'

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

Event Handling

Show the #banner-message element that is hidden withdisplay:none in its CSS when any button in #button-container isclicked.

1 2 3 4

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

Ajax

Call a local script on the server /api/getWeatherwith the query parameter zipcode=97201and replace the element #weather-temp's html with the returned text.

1 2 3 4 5 6 7 8 9

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