Mozilla's getting a new look. What do you think? https://mzl.la/brandsurvey

JQuery Redirect 1

<meta charset="utf-8"> <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"> <title>jQuery</title> <meta content="jQuery Foundation - jquery.org" name="author"> <meta content="jQuery: The Write Less, Do More, JavaScript Library" name="description"> <meta content="width=device-width" name="viewport"> <link href="http://jquery.com/jquery-wp-content/themes/jquery.com/i/favicon.ico" rel="shortcut icon"> <link href="http://jquery.com/jquery-wp-content/themes/jquery/css/base.css?v=1" rel="stylesheet"> <link href="http://jquery.com/jquery-wp-content/themes/jquery.com/style.css" rel="stylesheet"> <link href="http://jquery.com/xmlrpc.php" rel="pingback"> <script src="http://jquery.com/jquery-wp-content/themes/jquery/js/modernizr.custom.2.6.2.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script>window.jQuery || document.write(unescape('%3Cscript src="http://jquery.com/jquery-wp-content/themes/jquery/js/jquery-1.9.1.min.js"%3E%3C/script%3E'))</script> <script src="http://jquery.com/jquery-wp-content/themes/jquery/js/plugins.js"></script> <script src="http://jquery.com/jquery-wp-content/themes/jquery/js/main.js"></script> <script src="//use.typekit.net/wde1aof.js"></script> <script>try{Typekit.load();}catch(e){}</script> <script src="http://jquery.com/wp-includes/js/comment-reply.min.js?ver=3.8" type="text/javascript"></script> <meta content="WordPress 3.8" name="generator">

What is jQuery?

jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.

Corporate Members

Support from our corporate members makes it possible for the jQuery Foundation to continue our work on our JavaScript libraries and pushing the open web forward with events and participation in the standards process. View our members page for a full list of corporate and individual members.

Other jQuery Foundation Projects

A Brief Look

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 with display:none in its CSS when any button in #button-container is clicked.

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/getWeather with the query parameter zipcode=97201 and 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" );
}
});
<script> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-1076265-1']); _gaq.push(['_setDomainName', 'jquery.com']); _gaq.push(['_setAllowLinker', true]); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script>

Document Tags and Contributors

 Contributors to this page: Sheppy
 Last updated by: Sheppy,