What is the jQuery reference?

The jQuery reference on SyntaxStudy lists all 20 jQuery elements, properties, and methods with syntax explanations and working code examples. It is a complete, beginner-friendly cheat sheet for jQuery developers.

Is this jQuery reference free?

Yes. The entire jQuery reference on SyntaxStudy is completely free. No account or payment is required to browse all 20 entries.

How do I learn jQuery?

The best way to learn jQuery is to start with the free jQuery tutorial on SyntaxStudy. Each lesson includes a hands-on code example you can run in the browser, followed by a short quiz. After completing the tutorial, use this reference page to look up syntax whenever you need it.

jQuery Reference — Complete List with Examples

DOM Manipulation

Name	Syntax	Description
$() / jQuery()	`$(selector) $(element) $(function)`	The jQuery function selects DOM elements, wraps elements, or runs code when the DOM is ready.	Details →
.html() / .text()	`$(selector).html() $(selector).text()`	.html() gets/sets the HTML content; .text() gets/sets the text content (HTML-escaped).	Details →
.val()	`$(selector).val() $(selector).val(newValue)`	Gets or sets the value of form elements like inputs, selects, and textareas.	Details →
.addClass() / .removeClass() / .toggleClass()	`$(selector).addClass(className)`	Add, remove, or toggle CSS classes on selected elements.	Details →
.attr() / .prop() / .data()	`$(selector).attr(name) $(selector).attr(name, val...`	.attr() gets/sets HTML attributes; .prop() handles DOM properties; .data() accesses data-* attributes.	Details →
.css()	`$(selector).css(property) $(selector).css({proper...`	Gets or sets CSS properties on selected elements.	Details →
.append() / .prepend() / .remove()	`$(parent).append(content) $(selector).remove()`	Insert content inside elements or remove elements from the DOM.	Details →

Event Methods

Name	Syntax	Description
.on()	`$(selector).on(events, handler) $(parent).on(even...`	Attaches event handlers. Supports event delegation for dynamically created elements.	Details →
.click() / .submit() / .keyup()	`$(selector).click(handler)`	Shorthand event binding methods for common events: click, submit, change, keyup, keydown, hover.	Details →
.off() / .one()	`$(selector).off(event) $(selector).one(event, han...`	.off() removes event handlers; .one() attaches a handler that fires only once then auto-removes.	Details →

Effects

Name	Syntax	Description
.show() / .hide() / .toggle()	`$(selector).show(duration) .hide(duration) .togg...`	Show, hide, or toggle the visibility of elements with optional animation duration.	Details →
.fadeIn() / .fadeOut() / .fadeToggle()	`$(selector).fadeIn(duration) .fadeOut(duration)`	Animate opacity changes to show or hide elements smoothly.	Details →
.slideUp() / .slideDown() / .slideToggle()	`$(selector).slideDown(duration) .slideUp(duration...`	Animate height changes to show or hide elements with a sliding motion.	Details →
.animate()	`$(selector).animate(properties, duration, easing,...`	Performs custom animations by gradually changing CSS numeric properties.	Details →

AJAX Methods

Name	Syntax	Description
$.ajax()	`$.ajax({ url, method, data, success, error })`	Performs an asynchronous HTTP request. The low-level foundation for all jQuery AJAX methods.	Details →
$.get() / $.post()	`$.get(url, data, callback) $.post(url, data, call...`	Shorthand methods for common GET and POST AJAX requests.	Details →
$.getJSON() / .load()	`$.getJSON(url, data, callback) $(target).load(url...`	$.getJSON() fetches JSON data; .load() loads HTML from a URL into a selected element.	Details →

Traversal

Name	Syntax	Description
.find() / .filter() / .not()	`$(selector).find(childSelector)`	.find() searches descendants; .filter() narrows current set; .not() excludes matching elements.	Details →
.parent() / .children() / .siblings()	`$(selector).parent() .children() .siblings()`	Traverse the DOM tree relative to the selected element.	Details →
.each()	`$(selector).each(function(index, element))`	Iterates over a jQuery set, executing a function for each matched element.	Details →