jquery.com Open in urlscan Pro
2606:4700::6812:d50c  Public Scan

Form analysis
1 forms found in the DOM

GET https://jquery.com/

<form role="search" class="searchform tsmb-form tsmb-form--slash" action="https://jquery.com/" method="get" data-origin="https://typesense.jquery.com" data-collection="jquery_com" data-key="Zh8mMgohXECel9wjPwqT7lekLSG3OCgz" data-foot="true"
  data-group="true">
  <input type="search" name="s" aria-label="Search jQuery" value="" placeholder="Search" autocomplete="off">
  <div role="listbox" hidden=""></div>
  <button type="submit" class="visuallyhidden"></button>
  <svg viewBox="0 0 12 12" width="20" height="20" aria-hidden="true" class="tsmb-icon-close" style="display: none;">
    <path d="M9 3L3 9M3 3L9 9"></path>
  </svg>
</form>

Text Content

 * jQuery
 * jQuery UI
 * jQuery Mobile
 * Sizzle
 * QUnit

 * Plugins
 * Contribute
   * CLA
   * Style Guides
   * Bug Triage
   * Code
   * Documentation
   * Web Sites
 * Events
 * Support
   * Learning Center
   * IRC/Chat
   * Forums
   * Stack Overflow
   * Commercial Support
 * OpenJS Foundation
   * Join
   * Members
   * jQuery Team
   * Governance
   * Conduct
   * Donate


JQUERY


Navigation
 * Download
 * API Documentation
 * Blog
 * Plugins
 * Browser Support


Download jQuery v3.7.1 The 1.x and 2.x branches no longer receive patches.
View Source on GitHub → How jQuery Works →


LIGHTWEIGHT FOOTPRINT

Only 30kB minified and gzipped. Can also be included as an AMD module


CSS3 COMPLIANT

Supports CSS3 selectors to find elements as well as in style property
manipulation


CROSS-BROWSER

Chrome, Edge, Firefox, IE, Safari, Android, iOS, and more


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.


OTHER RELATED PROJECTS

jQueryUI
jQuery Mobile
QUnit
Sizzle


RESOURCES

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


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( result ) {
    $( "#weather-temp" ).html( "<strong>" + result + "</strong> degrees" );
  }
});


BOOKS

 * Learning jQuery Fourth Edition Karl Swedberg and Jonathan Chaffer
 * jQuery in Action Bear Bibeault, Yehuda Katz, and Aurelio De Rosa
 * jQuery Succinctly Cody Lindley

 * Learning Center
 * Forum
 * Twitter
 * IRC
 * GitHub

Copyright 2024 OpenJS Foundation and jQuery contributors. All rights reserved.
See jQuery License for more information. The OpenJS Foundation has registered
trademarks and uses trademarks. For a list of trademarks of the OpenJS
Foundation, please see our Trademark Policy and Trademark List. Trademarks and
logos not indicated on the list of OpenJS Foundation trademarks are trademarks™
or registered® trademarks of their respective holders. Use of them does not
imply any affiliation with or endorsement by them. OpenJS Foundation Terms of
Use, Privacy, and Cookie Policies also apply.

Web hosting by Digital Ocean | CDN by Fastly | Powered by WordPress