Practical solutions

jQuery Howtos How-To Guides

Solve the problem. Keep building. Collection of jQuery how-to articles

Find the answer you need

Browse practical solutions, grouped by the task you're working on.

__COUNT__ entries on this page

jQuery AttributeHow to Select by Data Attribute in jQueryThis article teaches you two methods that'll select custom HTML5 data attributes using jQuery. The first method will select the data attributes using their surrounding HTML tags. For the second method, you'll use jQuery Selectors defined in the jQuery API documentation. jQuery AudioHow to Play Audio in jQueryThis tutorial demonstrates how to play audio using jQuery. jQuery DropdownHow to Get Selected Dropdown Value on Change Event Using jQueryThis tutorial demonstrates how to perform a certain function when the selected value of the dropdown is changed using jQuery. jQuery RandomHow to Generate Random Number in jQueryThis tutorial demonstrates how to generate random numbers using jQuery. jQuery FileHow to Download File in jQueryThis tutorial demonstrates how to download a file using jQuery. jQuery DateTimeHow to Display the Current Date and Time Using jQueryThis article thoroughly explains displaying date and time in different formats on our web pages using jQuery. jQuery InputHow to Check if the Input Field Is Empty Using jQueryThis tutorial demonstrates checking if an input is empty in jQuery. jQuery StringHow to Convert String to Number in jQueryThis tutorial demonstrates converting a string to a number using jQuery. jQuery TextHow to Change the Text of a Label Using jQueryThis provides a detailed explanation of the process of modifying the content of HTML elements using jQuery methods. jQuery CheckboxHow to Toggle Checkboxes on and Off in jQueryThis article explains three methods that allow you to toggle multiple checkboxes at once using jQuery. The three methods will use three methods available in jQuery; these are prop(), each(), and trigger(). jQuery DropdownHow to Select the First Option of the Dropdown Using jQueryA detailed explanation of the process of selecting the first option of a select tag using jquery methods. jQuery ClassHow to Remove All Classes With jQueryTo remove all classes with jQuery you can use three jQuery methods and one JavaScript property. The jQuery methods are removeClass(), removeAttr(), and attr(); while the JavaScript property is the className property. This article teaches you how to use them all with practical code examples. jQuery FindHow to Find Element With Data Attribute in jQueryTo search for an element with a data attribute using jQuery, you can use the find() method, the filter() method, or a CSS attribute selector. This article teaches you how you can use them all using practical code examples. jQuery CheckboxHow to Disable Checkboxes in jQueryTo disable checkboxes in jQuery, you can use the jQuery attr() and prop() methods. This article teaches you how to do it using two detailed examples. jQuery TextHow to Toggle a Text With jQueryTo toggle a text with jQuery, you can use the text() method or extend the jQuery library with a custom function that toggles the text. This article teaches you how to use both methods with code examples. jQuery OptionHow to Remove, Add, and Select the Options of a Select Tag Using jQueryThis article explains the process of adding, removing, and selecting the options using jQuery methods. jQuery FieldHow to Set Hidden Field Value With jQueryTo set a hidden field using jQuery, there are three options that you can use. The first and second will use the val() and attr() methods while the last one will use a CSS attribute selector. jQuery CookieHow to Create, Read and Delete Cookies Using JavaScript and jQueryA detailed explanation of the process of creating, reading, and deleting the cookies using JavaScript and jQuery. jQueryHow to Check a Radio Button Using JavaScript or jQueryHow to check a radio button using JavaScript or jQuery? jQuery DataType$.Ajax Data Type in jQueryThis tutorial demonstrates the use of $.ajax datatype in jQuery. jQuery AJAXAJAX POST Request in jQueryIn today's post, we'll learn about AJAX post request in jQuery. jQuery ExtendjQuery extend() MethodIn today's post, we'll learn about extend method in jQuery. jQuery TablejQuery Sortable TableThis tutorial demonstrates how to create a sortable table in jQuery. jQuery DOM EventWindow.onload vs $(document).ready in jQueryThis tutorial demonstrates how to use the Window.onload and $(document).ready events in jQuery.