PageSourceSearch

https://jquery.com/

html jquery.com collected 2026-09-30 17:35:42 UTC 26,421 bytes, 353 lines download raw bytes

1<!doctype html>
2<html class="no-js" lang="en-US">
3<head>
4	<meta charset="utf-8">
5	<meta http-equiv="X-UA-Compatible" content="IE=edge">
6
7	<title>jQuery</title>
8
9	<meta name="author" content="OpenJS Foundation - openjsf.org">
10	<meta name="description" content="jQuery: The Write Less, Do More, JavaScript Library">
11	<meta name="viewport" content="width=device-width">
12
13	<link rel="shortcut icon" href="https://jquery.com/wp-content/themes/jquery.com/i/favicon.ico">
14	<link rel="stylesheet" href="https://jquery.com/wp-content/themes/jquery/lib/typesense-minibar/typesense-minibar.css?v=c5fa9b9a">
15	<link rel="stylesheet" href="https://jquery.com/wp-content/themes/jquery/css/base.css?v=4a1b65ae">
16	<link rel="stylesheet" href="https://jquery.com/wp-content/themes/jquery.com/style.css?v=8acf125c">
17
18	
18<script src="https://code.jquery.com/jquery-4.0.0.min.js"></script>
18
19	
19<script src="https://jquery.com/wp-content/themes/jquery/js/main.js?v=10baaffd"></script>
19
20	
20<script defer type="module" src="https://jquery.com/wp-content/themes/jquery/lib/typesense-minibar/typesense-minibar.js?v=830f1ee1"></script>
20
21<meta name='robots' content='max-image-preview:large' />
22<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://jquery.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fjquery.com%2F" />
23<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://jquery.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fjquery.com%2F&#038;format=xml" />
24
25<style id="global-styles-inline-css">
26:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
26--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
26.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
27/*# sourceURL=global-styles-inline-css */
28</style>
29
30<link rel="https://api.w.org/" href="https://jquery.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://jquery.com/wp-json/wp/v2/pages/10" /><meta name="generator" content="WordPress 7.1" />
31<link rel="canonical" href="https://jquery.com/" />
32<link rel="me" href="https://social.lfx.dev/@jquery">
33</head>
34<body class="jquery home wp-singular page-template page-template-page-fullwidth page-template-page-fullwidth-php page page-id-10 wp-theme-jquery wp-child-theme-jquerycom page-slug-index single-author singular">
35
36	<div id="banner">
37		jQuery 4.0 has been released! jQuery 3.x will now only receive critical updates. Find support for earlier versions at <a href="https://www.herodevs.com/support/jquery-nes?utm_source=jQuery&amp;utm_medium=link&amp;utm_campaign=eol_support_jQuery">herodevs.com</a> or <a href="https://tuxcare.com/lp/click-jquery-support/">tuxcare.com</a>.	</div>
38
39<header>
40	<section id="global-nav">
41		<nav>
42			<div class="constrain">
43				<ul class="projects">
44					<li class="project jquery"><a href="https://jquery.com/" title="jQuery">jQuery</a></li>
45					<li class="project jquery-ui"><a href="https://jqueryui.com/" title="jQuery UI">jQuery UI</a></li>
46					<li class="project jquery-mobile"><a href="https://jquerymobile.com/" title="jQuery Mobile">jQuery Mobile</a></li>
47					<li class="project sizzlejs"><a href="https://sizzlejs.com/" title="Sizzle">Sizzle</a></li>
48					<li class="project qunitjs"><a href="https://qunitjs.com/" title="QUnit">QUnit</a></li>
49				</ul>
50				<ul class="links">
51					<li><a href="https://plugins.jquery.com/">Plugins</a></li>
52					<li class="dropdown"><a href="https://contribute.jquery.org/">Contribute</a>
53						<ul>
54							<li><a href="https://cla.openjsf.org/">CLA</a></li>
55							<li><a href="https://contribute.jquery.org/style-guide/">Style Guides</a></li>
56							<li><a href="https://contribute.jquery.org/triage/">Bug Triage</a></li>
57							<li><a href="https://contribute.jquery.org/code/">Code</a></li>
58							<li><a href="https://contribute.jquery.org/documentation/">Documentation</a></li>
59							<li><a href="https://contribute.jquery.org/web-sites/">Web Sites</a></li>
60						</ul>
61					</li>
62					<li class="dropdown"><a href="https://events.jquery.org/">Events</a>
63						<ul class="wide">
64						</ul>
65					</li>
66					<li class="dropdown"><a href="https://jquery.com/support/">Support</a>
67						<ul>
68							<li><a href="https://learn.jquery.com/">Learning Center</a></li>
69							<li><a href="https://jquery.com/support/">Chat</a></li>
70							<li><a href="https://stackoverflow.com/tags/jquery/info">Stack Overflow</a></li>
71							<li><a href="https://contribute.jquery.org/bug-reports/">Report a bug</a></li>
72						</ul>
73					</li>
74					<li class="dropdown"><a href="https://openjsf.org/">OpenJS Foundation</a>
75						<ul>
76							<li><a href="https://openjsf.org/join">Join</a></li>
77							<li><a href="https://openjsf.org/members">Members</a></li>
78							<li><a href="https://jquery.com/team">jQuery Team</a></li>
79							<li><a href="https://openjsf.org/governance">Governance</a></li>
80							<li><a href="https://code-of-conduct.openjsf.org/">Conduct</a></li>
81							<li><a href="https://openjsf.org/projects">Projects</a></li>
82						</ul>
83					</li>
84				</ul>
85			</div>
86		</nav>
87	</section>
88</header>
89
90<div id="container">
91	<div id="logo-events" class="constrain clearfix">
92		<h2 class="logo"><a href="/" title="jQuery">jQuery</a></h2>
93
94		<aside id="broadcast"></aside>
95	</div>
96
97	<nav id="main" class="constrain clearfix">
98		<div class="menu-top-container">
99	<button hidden id="menu-trigger" class="button menu-trigger" aria-expanded="false" aria-haspopup="menu">Navigation</button>
100	<ul id="menu-top" class="menu" role="menu" aria-labelledby="menu-trigger">
101<li class="menu-item"><a href="https://jquery.com/download/">Download</a></li>
102<li class="menu-item"><a href="https://api.jquery.com/">API Documentation</a></li>
103<li class="menu-item"><a href="https://blog.jquery.com/">Blog</a></li>
104<li class="menu-item"><a href="https://plugins.jquery.com/">Plugins</a></li>
105<li class="menu-item"><a href="https://jquery.com/browser-support/">Browser Support</a></li>
106<li class="menu-item"><a href="https://jquery.com/support/">Version Support</a></li>
107	</ul>
108</div>
109
110		<typesense-minibar	data-origin="https://typesense.jquery.com"
111	data-collection="jquery_com"
112	data-key="Zh8mMgohXECel9wjPwqT7lekLSG3OCgz"
113	data-foot="true" data-group="true"
114>
115	<form role="search" class="searchform" action="https://jquery.com/" method="get">
116	<input type="search" name="s" aria-label="Search jQuery" value="" placeholder="Search" autocomplete="off">
117	<button type="submit" class="visuallyhidden"></button>
118</form>
119</typesense-minibar>
120	</nav>
121
122	<div id="content-wrapper" class="clearfix row">
123
124
125<div class="content-full full-width twelve columns">
126	<div id="content">
127		
128		
129<div id="banner-secondary" class="row">
130	<div class="download four columns push-eight">
131		<a href="/download/" class="button large">
132			<span class="download-button-content">
133				<span class="download-icon"></span>
134				<span class="download-message">
135					<span>Download jQuery</span>
136					<span class="download-version">v4.0.0</span>
137				</span>
138			</span>
139		</a>
140		<div class="download-options">
141			<div class="support-notice">Only the latest version of jQuery is supported.</div>
142			<a href="/support">Discover Support Options</a>
143			<a href="https://github.com/jquery/jquery">View Source on GitHub →</a>
144			<a href="https://learn.jquery.com/about-jquery/how-jquery-works/">How jQuery Works →</a>
145		</div>
146	</div>
147	<div class="features-box row eight columns pull-four">
148		<div class="feature-box lightweight-footprint four columns center-txt">
149			<div class="feature-box-image"></div>
150			<h3>Lightweight Footprint</h3>
151			<p>Only 30kB minified and gzipped. Can also be included as an AMD module</p>
152		</div>
153
154		<div class="feature-box css3-compliant four columns center-txt">
155			<div class="feature-box-image"></div>
156			<h3>CSS3 Compliant</h3>
157			<p>Supports CSS3 selectors to find elements as well as in style property manipulation</p>
158		</div>
159
160		<div class="feature-box cross-browser four columns center-txt">
161			<div class="feature-box-image"></div>
162			<h3>Cross-Browser</h3>
163			<p><a href="/browser-support/">Chrome, Edge, Firefox, IE, Safari, Android, iOS, and more</a></p>
164		</div>
165	</div>
166</div>
167
168<div id="home-content" class="clearfix row">
169	<section class="eight columns">
170		<h2 class="block">What is jQuery?</h2>
171
172		<p>jQuery is a fast, small, and feature-rich JavaScript library. It makes
173		things like HTML document traversal and manipulation, event handling,
174		animation, and Ajax much simpler with an easy-to-use API that works across
175		a multitude of browsers. With a combination of versatility and
176		extensibility, jQuery has changed the way that millions of people write
177		JavaScript.</p>
178	</section>
179	<aside class="four columns">
180		<h2 class="block">Resources</h2>
181		<ul>
182			<li><a href="https://api.jquery.com">jQuery Core API Documentation</a></li>
183			<li><a href="https://learn.jquery.com">jQuery Learning Center</a></li>
184			<li><a href="https://blog.jquery.com">jQuery Blog</a></li>
185			<li><a href="https://contribute.jquery.com">Contribute to jQuery</a></li>
186			<li><a href="https://github.com/jquery/jquery/issues">Browse or Submit jQuery Bugs</a></li>
187		</ul>
188	</aside>
189</div>
190
191<section>
192	<h2 class="block">A Brief Look</h2>
193
194	<h3>DOM Traversal and Manipulation</h3>
195	<p>Get the <code>&lt;button&gt;</code> element with the class 'continue' and change its HTML to 'Next Step...'</p>
196	<div class="syntaxhighlighter javascript">
197	<table>
198		<tbody>
199			<tr>
200				
201				<td class="gutter">
202					
203						<div class="line n1">1</div>
204					
205				</td>
206				
207				<td class="code">
208					<pre><div class="container"><div class="line"><code>$( <span class="hljs-string">"button.continue"</span> ).html( <span class="hljs-string">"Next Step..."</span> )</code></div></div></pre>
209				</td>
210			</tr>
211		</tbody>
212	</table>
213</div>
214
215
216	<h3>Event Handling</h3>
217	<p>Show the <code>#banner-message</code> element that is hidden with
218		<code>display:none</code> in its CSS when any button in <code>#button-container</code> is
219		clicked.</p>
220	<div class="syntaxhighlighter javascript">
221	<table>
222		<tbody>
223			<tr>
224				
225				<td class="gutter">
226					
227						<div class="line n1">1</div>
228					
229						<div class="line n2">2</div>
230					
231						<div class="line n3">3</div>
232					
233						<div class="line n4">4</div>
234					
235				</td>
236				
237				<td class="code">
238					<pre><div class="container"><div class="line"><code><span class="hljs-keyword">var</span> hiddenBox = $( <span class="hljs-string">"#banner-message"</span> );</code></div></div><div class="container"><div class="line"><code>$( <span class="hljs-string">"#button-container button"</span> ).on( <span class="hljs-string">"click"</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"> event </span>
238) </span>{</code></div></div><div class="container"><div class="line"><code>  hiddenBox.show();</code></div></div><div class="container"><div class="line"><code>});</code></div></div></pre>
239				</td>
240			</tr>
241		</tbody>
242	</table>
243</div>
244
245
246	<h3>Ajax</h3>
247	<p>Call a local script on the server <code>/api/getWeather</code>
248		with the query parameter <code>zipcode=97201</code>
249		and replace the element <code>#weather-temp</code>'s html with the returned text.</p>
250	<div class="syntaxhighlighter javascript">
251	<table>
252		<tbody>
253			<tr>
254				
255				<td class="gutter">
256					
257						<div class="line n1">1</div>
258					
259						<div class="line n2">2</div>
260					
261						<div class="line n3">3</div>
262					
263						<div class="line n4">4</div>
264					
265						<div class="line n5">5</div>
266					
267						<div class="line n6">6</div>
268					
269						<div class="line n7">7</div>
270					
271						<div class="line n8">8</div>
272					
273						<div class="line n9">9</div>
274					
275				</td>
276				
277				<td class="code">
278					<pre><div class="container"><div class="line"><code>$.ajax({</code></div></div><div class="container"><div class="line"><code>  <span class="hljs-attr">url</span>: <span class="hljs-string">"/api/getWeather"</span>,</code></div></div><div class="container"><div class="line"><code>  <span class="hljs-attr">data</span>: {</code></div></div><div class="container"><div class="line"><code>    <span class="hljs-attr">zipcode</span>: <span class="hljs-number">97201</span></code></div></div><div class="container"><div class="line"><code>  },</code></div></div><div class="container"><div class="line"><code>  <span class="hljs-attr">success</span>: <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"> result </span>
278) </span>{</code></div></div><div class="container"><div class="line"><code>    $( <span class="hljs-string">"#weather-temp"</span> ).html( <span class="hljs-string">"&lt;strong&gt;"</span> + result + <span class="hljs-string">"&lt;/strong&gt; degrees"</span> );</code></div></div><div class="container"><div class="line"><code>  }</code></div></div><div class="container"><div class="line"><code>});</code></div></div></pre>
279				</td>
280			</tr>
281		</tbody>
282	</table>
283</div>
284
285</section>
286
287<section>
288	<h2 class="block">Related Projects</h2>
289
290	<h3><a href="https://jqueryui.com/">jQuery UI</a></h3>
291	<p>This project is in maintenance-only mode. <a href="https://blog.jquery.com/2021/10/07/jquery-maintainers-update-and-transition-jquery-ui-as-part-of-overall-modernization-efforts/">Learn more</a>.</p>
292
293	<h3><a href="https://jquerymobile.com/">jQuery Mobile</a></h3>
294	<p>This project is deprecated. <a href="https://blog.jqueryui.com/2021/10/jquery-maintainers-continue-modernization-initiative-with-deprecation-of-jquery-mobile/">Learn more</a>.</p>
295</section>	</div>
296</div>
297
298	</div>
299</div>
300
301<footer class="clearfix simple">
302	<div class="constrain">
303		<div class="row">
304			<div class="six columns centered">
305				<h3><span>Books</span></h3>
306				<ul class="books">
307					<li>
308						<a href="https://www.packtpub.com/en-us/product/learning-jquery-fourth-edition-9781782163152">
309							<img src="https://jquery.com/wp-content/themes/jquery/content/books/learning-jquery-4th-ed.jpg" alt="Learning jQuery 4th Edition by Karl Swedberg and Jonathan Chaffer" width="92" height="114" loading="lazy">
310							Learning jQuery Fourth Edition
311							<cite>Karl Swedberg and Jonathan Chaffer</cite>
312						</a>
313					</li>
314					<li>
315						<a href="https://www.manning.com/books/jquery-in-action-third-edition">
316							<img src="https://jquery.com/wp-content/themes/jquery/content/books/jquery-in-action.jpg" alt="jQuery in Action by Bear Bibeault, Yehuda Katz, and Aurelio De Rosa" width="92" height="114" loading="lazy">
317							jQuery in Action
318							<cite>Bear Bibeault, Yehuda Katz, and Aurelio De Rosa</cite>
319						</a>
320					</li>
321					<li>
322						<a href="https://www.syncfusion.com/ebooks/jquery">
323							<img src="https://jquery.com/wp-content/themes/jquery/content/books/jquery-succinctly.jpg" alt="jQuery Succinctly by Cody Lindley" width="92" height="114" loading="lazy">
324							jQuery Succinctly
325							<cite>Cody Lindley</cite>
326						</a>
327					</li>
328				</ul>
329			</div>
330		</div>
331
332		
333<div id="legal" class="legal">
334	<ul class="footer-site-links">
335			<li><a class="icon-pencil" href="https://learn.jquery.com/">Learning Center</a></li>
336			<li><a class="icon-comments" href="https://jquery.com/support/">Chat</a></li>
337			<li><a class="icon-twitter" href="https://twitter.com/jquery">Twitter</a></li>
338			<li><a class="icon-github" href="https://github.com/jquery">GitHub</a></li>
339	</ul>
340	<p class="copyright">
341		Copyright 2026 <a href="https://openjsf.org/">OpenJS Foundation</a> and jQuery contributors. All rights reserved. See <a href="https://jquery.com/license/">jQuery License</a> for more information. The <a href="https://openjsf.org/">OpenJS Foundation</a> has registered trademarks and uses trademarks. For a list of trademarks of the <a href="https://openjsf.org/">OpenJS Foundation</a>, please see our <a href="https://trademark-policy.openjsf.org/">Trademark Policy</a> and <a href="https://trademark-list.openjsf.org/">Trademark List</a>. Trademarks and logos not indicated on the <a href="https://trademark-list.openjsf.org/">list of OpenJS Foundation trademarks</a> are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them. OpenJS Foundation <a href="https://terms-of-use.openjsf.org/">Terms of Use</a>, <a href="https://privacy-policy.openjsf.org/">Privacy</a>, <a href="https://code-of-conduct.openjsf.org/">Code of Conduct</a>, and <a href="https://www.linuxfoundation.org/cookies">Cookie</a> Policies also apply.
342	</p>
343	<p><a href="https://www.digitalocean.com/?refcode=aa1a2e950a73&amp;utm_campaign=Referral_Invite&amp;utm_medium=Referral_Program&amp;utm_source=badge" class="do-link">
343Web hosting by Digital Ocean</a> | <a href="https://www.fastly.com/">CDN by Fastly</a> | <a href="https://wordpress.org/" class="wp-link">Powered by WordPress</a></p>
344</div>
345
346	</div>
347</footer>
348
349<script type="speculationrules">
350{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/jquery.com/*","/wp-content/themes/jquery/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
351</script>
351
352</body>
353</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.