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 35 of 42
How to Write a Mobile-Friendly App Using JQuery & Bootstrap?
The paradigm shift towards mobile technology has paved the way for a responsive, user-friendly interface in app design. JQuery and Bootstrap are two powerful tools that can aid developers in creating mobile-friendly applications. Let's delve into how you can use these frameworks to create an efficient, responsive application. Prerequisites Before you begin, ensure that you have a basic understanding of HTML, CSS, and JavaScript. Familiarity with JQuery and Bootstrap is advantageous but not compulsory, as we'll go over the basics. Introduction to JQuery & Bootstrap JQuery − A fast, small, and feature-rich JavaScript library, JQuery makes things like HTML document ...
Read MoreHow to design login dialog using jQuery EasyUI Mobile?
In the fast-paced world of mobile web development, designing a login dialog that is both aesthetically pleasing and highly functional is essential for engaging users and ensuring the success of a web application. With jQuery EasyUI Mobile, a robust and intuitive JavaScript framework, developers have access to a powerful set of tools for creating dynamic and customizable login dialogs. However, for developers unfamiliar with the framework, the process of designing a login dialog using jQuery EasyUI Mobile may seem daunting. In this article, we will guide developers through the step-by-step process of designing a login dialog using jQuery EasyUI Mobile, ...
Read MoreHow to design lazy loading of images/videos for mobiles using jQuery Plugin?
In the present-day world, where mobile devices are dominant, developers are persistently searching for ways to optimize user experience, particularly concerning the loading of hefty media files such as images and videos. One of the remedies to this issue is to implement lazy loading, a technique that procrastinates the loading of non-vital media files until their requirement. With the aid of the jQuery Plugin, developers can effortlessly integrate lazy loading into their mobile web applications, thereby providing an uninterrupted and proficient browsing experience for their users. In this write-up, we shall scrutinize the step-by-step technique to design the lazy loading ...
Read MoreHow to Design Image Slider using jQuery?
In the current era of digital technology, the aesthetics of a website hold significant importance in determining its triumph. The potential to devise an engaging image slider can be the decisive factor that determines whether a user stays on a website or swiftly moves on to a rival's site. A potent tool available to developers for creating alluring image sliders is jQuery, a speedy and feature-packed JavaScript library. With its broad range of plugins and dynamic functionality, jQuery bestows developers with an extensive assortment of possibilities when it comes to designing image sliders that are both captivating and multifunctional. This ...
Read MoreHow to create a simple map using JQuery?
JQuery is a well-liked interactive component in the JavaScript library that makes it easier to create online web apps. It can be made interactive with plugins and is simple and configurable. It is the best option for producing simplistic maps that lack advanced capabilities because it is compatible with all popular web browsers. Additionally, it is the most used tool for creating google maps because a basic map can be quickly and easily created with jQuery to add visual appeal to your website and improve user experience. Approach - 1 Algorithm Step-1 Create your map's HTML. For this, you'll need ...
Read MoreHow to reset selected value to default using jQuery?
While creating the web page, developers may require to reset the selected option for the dropdown menu. For example, we added the dropdown menu in the form allowing users to select any option. Once users submit the form, we require to reset the dropdown menu options using JavaScript or Jquery. In this tutorial, we will learn different approaches to resetting the selected value of the dropdown menu to default using Jquery. Using the prop() method The first approach uses the prop() method of Jquery. It allows us to reset the value of any property. Here, we can reset the value ...
Read MoreHow to remove global CSS file from a particular page using jQuery?
Programmers require to use CSS while developing the web page to style the web page and make it attractive. We can add CSS to the web page in three ways: inline CSS, Internal CSS, and external CSS. To apply external CSS, we can import the CSS file in the tag using the tag. The external CSS file can also be a global CSS file. Sometimes, we require to remove the global CSS file from a particular web page. For example, you allow your web app users to switch between multiple themes, and when users switch the theme, ...
Read MoreHow to prevent Body from scrolling when a modal is opened using jQuery?
A modal is a special user interface that we show on top of all the content of the web page. It is used to show some special information on the web page or move users out from the regular flow of the web page. For example, you may have seen on many websites that subscribe popup box appears on the web page saying to enter your email address to subscribe to the newsletter. Also, the alert box is modal, which doesn’t allow you to interact with the web page content until you close the modal. So, when we show users ...
Read MoreHow to select values from a JSON object using jQuery?
JSON or JavaScript Object Notation is a lightweight format used for data interchange between web applications and servers. It provides a simple and easy-to-read structure that can be parsed and generated easily by machines. JSON is often used as an alternative to XML because it is more compact and easier to work with. In this article, we see how to select values from a JSON object using jQuery with different approaches. What is a JSON object? A JSON object consists of a collection of key-value pairs separated by colons. Here keys are known as strings and the values are of ...
Read MoreHow to scroll the page up or down using anchor element in jQuery?
jQuery is a popular JavaScript library that simplifies the process of manipulating HTML documents, handling events, and creating animations. In this article, we'll see how to scroll the page up or down using the anchor elements in jQuery. We sometimes encounter large content pages on websites and to go to a specific section, we want to perform the scrolling in the page up or down. To solve this problem, there are several ways to achieve this, but using anchor elements is one of the easiest and most straightforward methods. Apart from this, we’ll see the scrollTop and animate to perform ...
Read More