jquery

library1.2.3jsnpmunverified

jQuery is a venerable, fast, and feature-rich JavaScript library primarily designed for client-side HTML DOM traversal and manipulation, event handling, animation, and Ajax. The current stable version is 4.0.0, released in January 2026, following a multi-year development cycle for major versions, with minor patches and bug fixes occurring more frequently. It differentiates itself by providing a concise, cross-browser API, simplifying common web development tasks that were historically complex due to browser inconsistencies. While newer browser APIs have reduced its necessity for some tasks, it remains a widely used tool for projects requiring broad browser compatibility or leveraging its extensive plugin ecosystem.

web-framework

npm install jquery

github ↗package ↗homepage ↗

INSTALL

IMPORT

SIG · JQUERY

jquery

web-frameworkjavascriptv1.2.3

Install

—

Import

—

Disk

—

Pass rate

0/ 6

Env Coverage0 / 6

glibc

18–22

musl

18–22

Install & Compatibility

Where this runs

tested against v? · npm install

Install × environment matrix

Each cell = how many times install + import succeeded across repeated harness runs. Partial = flaky.
glibc = Debian/Ubuntu slim · musl = Alpine Linux

musl

node 18–226 runs

build_error

glibc

node 18–226 runs

build_error

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

✓ import { $ } from 'jquery';

✗ const $ = require('jquery').default; // Incorrect default import for CJS module

Recommended ESM named import for modern browser or Node.js environments. Matches npm package import maps.

jQuery

✓ import { jQuery } from 'jquery';

✗ import jQuery from 'jquery'; // Named export, not default

ESM named import for jQuery namespace. `$` and `jQuery` are both named exports.

$ (CommonJS)

✓ const $ = require('jquery');

✗ const { $ } = require('jquery'); // CommonJS module does not expose named exports

Correct CommonJS `require` for Node.js or older bundlers. The CommonJS module exports the jQuery object directly, not as named exports.

$ (Slim Build)

✓ import { $ } from 'jquery/slim';

✗ import $ from 'jquery/slim'; // Named export recommended over default

Imports the 'slim' build, which excludes Ajax, Deferreds, and Effects modules.

Demonstrates basic DOM selection, event handling, AJAX (if full jQuery), CSS manipulation, animation, and dynamic content creation, showcasing jQuery's core features.

import { $ } from 'jquery'; $(function() { // Basic DOM manipulation $('#myButton').on('click', function() { $(this).text('Clicked!'); $('#message').text('Button was clicked at ' + new Date().toLocaleTimeString()).css('color', 'green'); }); // Simple AJAX call (requires full jQuery build) // Check for full version presence ($.ajax will be undefined in slim build) if ($.ajax) { $('#loadData').on('click', function() { $('#dataContainer').html('Loading data...'); $.ajax({ url: 'https://jsonplaceholder.typicode.com/todos/1', // Example API method: 'GET', dataType: 'json', success: function(data) { $('#dataContainer').html(` User ID: ${data.userId} Title: ${data.title} Completed: ${data.completed} `); }, error: function(jqXHR, textStatus, errorThrown) { $('#dataContainer').html(`Error loading data: ${textStatus} - ${errorThrown}`); } }); }); } else { $('#loadData').prop('disabled', true).text('AJAX not available (slim build)'); $('#dataContainer').text('AJAX functionality requires the full jQuery build.'); } // Chainable operations $('.item') .addClass('highlight') .delay(1000) .animate({ opacity: 0.5 }, 500) .css('background-color', 'yellow'); // Add dynamic elements $('body').append('<div id="dynamicContent" style="padding: 10px; border: 1px solid blue; margin-top: 20px;">This is dynamically added content.</div>'); });

Debug

Known issues

breakingjQuery 4.0.0 drops support for Internet Explorer 10 and older, Edge Legacy, and outdated mobile browsers. IE11 remains supported in 4.x but will be dropped in 5.0. Projects requiring support for these browsers must remain on jQuery 3.x.

fix

Upgrade browser targets or remain on jQuery 3.x if legacy browser support is critical. Consider using the jQuery Migrate plugin for transition assistance.

affects: >=4.0.0

breakingNumerous previously deprecated utility methods have been removed, including `jQuery.isArray`, `jQuery.parseJSON`, `jQuery.trim`, `jQuery.isFunction`, `jQuery.isWindow`, `jQuery.nodeName`, `jQuery.camelCase`, `jQuery.now`, and `jQuery.isNumeric`.

fix

Replace removed APIs with their native JavaScript equivalents (e.g., `Array.isArray()`, `JSON.parse()`, `String.prototype.trim()`).

affects: >=4.0.0

breakingThe order of focus and blur events (including `focusin`, `focusout`, `focus`, `blur`) now adheres to the W3C specification, which differs from jQuery's historical cross-browser normalization. This affects code relying on the old event order.

fix

Review and retest any code that depends on the specific timing or order of focus/blur-related events.

affects: >=4.0.0

breakingAutomatic JSON to JSONP promotion has been removed for security reasons. Previously, `$.ajax` with `dataType: "json"` and a `callback` parameter would implicitly convert to JSONP.

fix

For cross-domain requests, explicitly use CORS or set `dataType: "jsonp"` if JSONP is intended.

affects: >=4.0.0

breakingThe `slim` build has been further reduced, removing Deferreds and Callbacks entirely in favor of native JavaScript Promises. Functionality like `$.ajax` is not available in the slim build.

fix

If Deferreds, Callbacks, or `$.ajax` are needed, use the full jQuery build. Migrate Deferred-based asynchronous logic to native Promises where possible for slim builds.

affects: >=4.0.0

gotchaThe CommonJS module for jQuery (used with `require()`) exports the jQuery object directly, not as named exports. Attempting to destructure `{ $ } = require('jquery')` will result in `$` being undefined.

fix

Use `const $ = require('jquery');` for CommonJS imports to correctly assign the jQuery object to the `$` variable.

affects: >=1.0.0

Errors

Common errors & fixes

ReferenceError: $ is not defined

jQuery is not loaded, or the script attempting to use `$` runs before jQuery is available, or is outside a module scope where `$` is imported.

fix

Ensure jQuery script tag is included before your script in HTML, or that `import { $ } from 'jquery';` is at the top of your ESM module.

TypeError: Cannot read properties of undefined (reading 'ajax')

Attempting to use `$.ajax` (or other Ajax/Deferred/Effects methods) with the jQuery 'slim' build, which excludes these features.

fix

Switch to the full version of jQuery (e.g., `import { $ } from 'jquery';` instead of `jquery/slim`) if these features are required.

TypeError: require is not a function

Attempting to use CommonJS `require()` syntax in an ECMAScript Module (ESM) context (e.g., a `.mjs` file or a script with `type="module"`).

fix

Use `import { $ } from 'jquery';` for ESM contexts. Only use `require()` in CommonJS environments (Node.js without `type: "module"` in `package.json`).

TypeError: $.isFunction is not a function

Using a removed API, such as `jQuery.isFunction()`, in jQuery 4.0.0 or newer.

fix

Replace with native JavaScript equivalents. For `$.isFunction`, use `typeof func === 'function'`.

Upgrade

Version history

1.2.3latest on npm

Audit

Dependencies

No dependency data recorded yet.

Agent activity

4 hits · last 30 days

node

Resources

githubhttps://github.com/jquery/jquery ↗

packagehttps://www.npmjs.com/package/jquery ↗

homepagehttps://jquery.com ↗