The controlgroups can have the options of vertical or horizontal. Sometimes, if many buttons are taken together, it is also required that the controlgroup size is reduced. Using HTML and jquery mobile, this process of creating the mini-sized vertical controlgroups is demonstrated in this article. This is shown by using two different examples. In the first example, the ways to use mini vertical controlgroup for the buttons are demonstrated. In the second example, the use of a mini vertical controlgroup for the icon buttons is shown. Example 1: Using JQuery Mobile to Make mini Vertical Control groups for the Buttons ... Read More

jQuery- a popular JavaScript library used in simplifying web development tasks. It gives an easy-to-use syntax that simplifies coding and improves performance. Among the many features that jQuery provides, two of the most commonly used are .on() and .hover(). These methods allow to bind events to DOM elements and executing code when the events are triggered. In this article, we will learn how to use .on() and .hover() in jQuery. We will see the different approaches to using the .on() and .hover() methods. The .on() Method The .on() method in jQuery is used in binding one or more events to ... Read More

Uploading files on a website can be a challenging task, especially when you have to handle different types of files, such as images, videos, and documents. Fortunately, jQuery Dropzone Plugin makes it easy to handle file uploads with just a few lines of code. There are many more plugins available for uploading the files like Fine-Uploader, JQuery File upload, Uploadify, etc. In this article, we will learn how to upload files using the jQuery Dropzone plugin. We will go through the complete process of using the jQuery Dropzone Plugin to upload files on the website. What is jQuery Dropzone Plugin? ... Read More

Underlining text is a common requirement in web development, and it can be done easily with the help of jQuery. In this article, we will see how to underline all words of a text using jQuery and learn the different methods to perform this. Before we dive into the different methods, let's first understand the basic concept of jQuery. jQuery is a fast and concise JavaScript library that simplifies HTML document traversing, event handling, and animation. It is designed to make things easier for web developers, and it does so by providing a simple syntax that is easy to read ... Read More

jQuery- a very popular JavaScript library that simplifies the process of HTML document manipulation, event handling, and animation. It consists of a set of functions that are used to traverse, manipulate, and modify HTML elements on the page. It is also cross-browser compatible and works seamlessly with most modern browsers. We always used forms on our websites whether in the form of the login page, contact us section, etc. There we always have to submit the form by clicking the button but how it can be possible to submit a form using the Enter key? Submitting a form is a ... Read More

jQuery- a popular JavaScript library that is used in manipulating HTML documents, handling events, creating animations, and performing other common web development tasks. jQuery is famous for its ability to simplify JavaScript programming by providing a simple and concise syntax for selecting and manipulating DOM elements. Like using jQuery, instead of writing complex JavaScript code to traverse the DOM and manipulate elements, we can use jQuery to do it with just some lines of code. We sometimes encounter large content pages on websites and to go to a specific section, we want to perform the scrolling in the page ... Read More

Jquery contains various methods, and CSS() is one of them. The CSS() method is used to get the value of the particular css property applied to the particular HTML element. Furthermore, it is also used to set the CSS property with its value for the particular HTML element. Developers can also update the CSS property value using the CSS() method. In this tutorial, we will learn to use Jquery's css() method to access and set the CSS property for the particular HTML element. Syntax Users can follow the syntax below to use Jquery's css() method. Var value = $('element').css(property); $('element').css(property, ... Read More

There are several JavaScript methods we can use to retrieve the value of the text input field. We may access or set the value of the text input field inside the script by using the jQuery .val() method. The task we are going to perform in this article is calculating HTML input values and showing them directly using JQuery. Let’s dive into the article for a better understanding. Using JQuery val() method To retrieve the values of form components like input, select, and textarea, utilize the .val() function. It returns undefined when called on a collection that is empty. Syntax ... Read More

The task we are going to perform in this article was how to make JQuery aware of id elements in dynamically loaded HTML. Normally, we could use the on() method to directly bind to any event of each element when we wanted to tie it to any event. Let’s dive into the article for getting better understanding. jQuery on() method The built-in method jQuery on() is used to add one or more event handlers to the selected elements and their descendant elements in the DOM tree. A World Wide Web Consortium standard is the DOM (Document Object Model). This method ... Read More

Developers can use JavaScritp or JQuery to manipulate the style of the HTML elements. For that, first, developers need to access the HTML elements using JQuery and then use various methods to set the style for selected HTML elements. Sometimes, we require to manage elements styles using JQuery. For example, when users click the button, we need to change the text's colour, image dimensions, etc. In this case, we can use the JQuery methods below to change the HTML elements' style. Use the CSS() method of JQuery to set styles on selected elements The first method is the css() ... Read More