Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
jQuery Articles
Page 32 of 42
How to add a list elements within an unordered list element using jQuery?
A well-known JavaScript library called jQuery makes interacting with HTML documents and carrying out different operations on web sites making it more effective. Let’s dive into the article to add list elements to an unordered list. Unordered lists are frequently employed to provide a group of items in a bulleted order. Using jQuery, you may quickly add new list items to an unordered list for any purpose, such as a navigation menu or to-do list. This can be done by using the jQuery append() method. jQuery append() method jQuery's append() method enables you to add stuff, such HTML elements or ...
Read MoreDifference between prop() and attr() methods in jQuery
The prop() and attr() methods in jQuery are both used to change the attributes and properties of HTML elements, but they accomplish slightly different tasks. Although they are sometimes used interchangeably, knowing how they vary might help you decide which approach is best for your particular use case. Let’s dive into the article to learn more about the differences between the prop() and attr() methods in jQuery. jQuery prop() method Prop() is a jQuery method that is used to set or return properties and values for the selected elements. When this method is used to get a property value, it ...
Read MoreHow to add a class to the last paragraph element using jQuery?
jQuery is a well-known JavaScript library that makes it easier to manipulate HTML elements, handle events, and carry out numerous operations on web pages. Adding or changing HTML element classes can also be done using jQuery. Using it, we can easily add a new class to the last paragraph element. Let’s dive into the article to learn more about adding a class to the last paragraph element using JQuery. This can be done by using the addclass() method and append() methods. Let’s discuss them one by one. jQuery addclass() method One or more class names are added to the ...
Read MoreHow to make basic menu using jQuery UI?
Many websites as well as applications must have menus because they offer a simple and orderly way to navigate between different pages and functionalities. While there are numerous approaches to building menus utilizing HTML, CSS, as well as JavaScript, jQuery UI offers a simple intuitive technology that can help you save time and effort. The fundamentals of building a menu using jQuery UI will be covered in this post, along with the necessary stages and starter samples. This article will give you the resources you need, whether you're an experienced developer or a novice, to make a useful and appealing ...
Read MoreHow to make Auto-filling Forms with jQuery and Web Storage API?
By automatically filling in common fields like name, email, and address, autofill forms have grown in popularity as a feature on websites and mobile applications. When developing autofill forms, developers have two options: either utilize locally stored fixed data or use dynamic data that is periodically updated based on user inputs. The Web Storage API is one of the most important resources available to developers for local data storage. It offers techniques for browsers to store key/value pairs in a more natural way than with cookies. SessionStorage and localStorage are the two Web Storage techniques; while sessionStorage only keeps data for ...
Read MoreHow to sort a list alphabetically using jQuery?
jQuery is a JavaScript library that works on the principle of write less, do more. In jQuery, the syntaxes that are longer and take more time to write are reduced, and alternate methods are introduced to use them in short form. In this article, we are going to learn about the method of sorting a list in alphabetical order using jQuery. Let us discuss some common methods of jQuery which we will use in the code example to sort the list in alphabetical order. text() method − The text method is used to get and set the text of ...
Read MoreHow to use the Magnific Popup jQuery plugin?
The Magnific popup is a jQuery plugin that can be used to show some HTML popups on the web page as its name suggests. It is a light-weight, responsive fast and modal dialog jQuery plugin. IT can be used to show any kind of content like images, videos, ajax responses, iframe and image galleries. There are many ways of using this plugin in your current project that are discussed in in details below − By downloading the latest version from https://plugins.jquery.com/magnific-popup/ in the form of zip file. You can also clone the git repository the magnific plugin from https://github.com/dimsemenov/Magnific-Popup.git ...
Read MoreHow to find class of a clicked element using jQuery?
Overview We can easily find the class of the clicked element, the Jquery provides various methods which return the class name of the element when the element is clicked. The Jquery methods "attr()" and using "this.className" properties helps to find the class of an element. So to learn more about these methods we will be seeing the Examples which will cover both the methods. A class name is an attribute which defines the group or type of the data inside the tag. There can be different tags or elements which can contain the same class names but there in case ...
Read MoreHow to find element by text using jQuery?
Overview The Jquery consists of a predefined method which makes it easy for the developer to build this feature. The Jquery provides a selector Syntax by which we can find any text element. So the ":contains" selector is used for finding the text in any element. To learn fully about this ":contains" selector we will be developing this feature through an Example. Syntax The Syntax for finding the text in an element is given below − $(selector:contains()); selector − The selector in the above Syntax is termed as any element or class or id name which is ...
Read MoreHow to find all inputs with a value Green and change the text of next sibling span using jQuery?
Overview Using Jquery we can create this feature, as Jquery library provides the methods for changing the span text to the value of the input value. In this feature we should have a prior knowledge of the basic HTML and the Jquery. So the Jquery provides the methods as next() and text(), these two methods play a vital role in building this feature. We will also use a few styling methods to make the change visible from other normal text. Syntax The Syntax used in this feature is − $(selector).next().text("text"); selector − The selector in the above ...
Read More