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 34 of 42
How to display the tag name of the clicked element using jQuery?
In this article, we will learn how to display the tag name of the clicked element using jQuery, and with the help of click event listeners. jQuery is a popular JavaScript library that makes it easy to manipulate HTML elements on a web page or listen to user actions like click events and do some operation based on that action.. Let’s understand how we can achieve the above with the help of some examples. Example 1 In this example, we will add a heading, some text, and a list of items to the HTML document. And to display the ...
Read MoreHow to display child row information using jQuery DataTables plugin?
In this article, we will learn how to display child row information using jQuery DataTables plugin. We will also provide some HTML code examples to illustrate the usage of this feature. jQuery DataTables is a powerful plugin that provides an easy way to display tabular data on a web page. It has a lot of features such as pagination, sorting, searching, etc. It also provides us with the DataTables plugin, which gives us the ability to display child row information, and consequently shows additional data related to each row. Now, let’s understand the feature with the help of some examples. ...
Read MoreHow to disable the form submit on enter button using jQuery?
In this article, we will learn how to disable the form submit behavior with the press of enter button using jQuery, and its element selector feature and “keypress” event listener. Form submission disabling can be useful in cases where it requires some validation on some input fields. For example, a form with the name and email required should not ideally have the submit button enabled until those required fields are provided with some values. In these types of cases, we can disable the form submission dynamically to achieve the desired outcome. Here, we will disable the form submission flow specifically ...
Read MoreHow to disable the ALT key using jQuery?
In this article, we will learn how to disable the ALT key using jQuery with the help of “keydown” and “keyup” event listeners, and the bind method. In web development, there might be scenarios where you want to disable certain keys on your web page. One such key is the ALT key, which is often used in combination with other keys to trigger specific actions or shortcuts. However, in certain cases, disabling the ALT key may be necessary to ensure the proper functioning of the application. Let’s understand this with the help of some examples − Example 1 In ...
Read MoreHow to disable a jQuery-ui draggable of widget?
We can disable a jQuery UI draggable widget with the help of its draggable disabled option. jQuery is a javascript library that helps us manipulate the DOM easily and efficiently using its various helper methods and properties. It allows us to add interactivity to the DOM as well as add and change the CSS styles of the DOM elements. Syntax $(element).draggable({ disabled: true }) We will be using the following jQuery link in our application − The above-provided code snippet is a link tag that imports the CSS file from the jQuery UI library. Example ...
Read MoreHow to design form controls for mobiles using jQuery Mobile Square-UI Theme plugin?
Making web pages mobile-friendly is a challenging task for the customs form control. jQuery gives us many options to perform the task conveniently. Since smartphones are very popular devices nowadays, it is important to be able to create custom form controls which visually appealing interfaces. jQuery library of JavaScript can help in building both responsive and engaging designs. In this article, we shall learn how to design form control for mobile using jQuery mobile Square-UI Theme plugin. Example This code demonstrates how to design mobile forms using the jQuery Query Mobile Square-UI Theme plugin. We first included the necessary libraries ...
Read MoreHow to perform jQuery Callback after submitting the form?
Nowadays, every website contains at least a single form, such as a contact form, application form, etc. It is also required to notify users when the form is submitted successfully or with errors so that users can take action again. In JQuery, we can use the submit() method to call the callback function after submitting the form. However, we can also save form data to the database in the callback functions. So, there can be many use cases where we must call the callback function after submitting the form to perform the particular operations. Syntax Users can follow the syntax ...
Read MoreLive Search Using Flask And jQuery
Introduction The combination of Flask and jQuery gives a reliable solution for developing dynamic web apps. While jQuery is a quick, compact, and feature-rich JavaScript library, Flask is a well-known, lightweight web framework for Python. For the purpose of creating a live search feature in a Flask application, we will combine the strengths of these two technologies in this tutorial. Prerequisites Ensure that you have the following installed on your local computer before beginning the tutorial's main sections: Python Flask − Install it via pip with pip install flask jQuery − Download it from the official website or use a CDN. Setup ...
Read MoreHow to search JSON tree with the help of jQuery?
JSON (JavaScript Object Notation) is a data format that is widely used when transmitting data between the server and a web application. In many cases, the JSON data has a complex structure, and searching for specific data requires some special function implementation. jQuery, a popular JavaScript library, provides powerful methods to navigate and search JSON trees efficiently using the .each() method, filter(), and grep methods. In this article, we will explore all these methods to search JSON trees with the help of jQuery. Understanding JSON Trees JSON data is organized in a hierarchical structure, often referred to as a JSON ...
Read MoreHow to select ID that starts with certain character using jQuery ?
jQuery is a popular JavaScript library that simplifies the process of traversing and manipulating HTML documents. In web development, one common requirement is to select elements with specific attributes or properties. In this article, we will explore how to select HTML elements whose IDs start with a certain character using jQuery. Use of Selecting ID that starts with certain character Targeting Specific Groups of Elements: When working with a large number of elements, it may be necessary to group them based on a common identifier. By selecting IDs that start with a specific character, you can easily target and ...
Read More