jQuery Tutorials

jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.

How to preview image before upload using jQuery – FileReader()

How to preview image before upload using jQuery – FileReader()

  jQuery show image before upload it on the server : Here this article explains how to preview an image before uploading it on the server. Let’s suppose you have an application where the user uploads bulk photo and then the users want to upload only some selected photo, in this case, we as a developer don’t want […]


by - Satinder singh

Create Dynamic HTML Table from Array data [JQUERY]

Create Dynamic HTML Table from Array data [JQUERY]

 jQuery Add Dynamic Table with data in Array: Here in this article will explain how to create HTML table dynamically from the Array variable using jQuery. This means the columns, rows, and data get added dynamically to HTML table at runtime using jQuery. You can also check the previous article related jQuery table like  How to […]


by - Satinder singh

How to Add Click Event for Dynamic Button Element in Jquery

How to Add Click Event for Dynamic Button Element in Jquery

  jQuery Dynamic Click Event:  Bind click event on dynamically added element HTML tags. Here this article explains how to add click event for dynamic added element. In jQuery for click event we can simply use .click() method which works fine, but when you add dynamic HTML and try to achieve click event for it, […]


by - Satinder singh

Get and Set Dropdown List Selected Value with jQuery

Get and Set Dropdown List Selected Value with jQuery

Dropdownlist Get/Set Value: Get and set drop-down box selected value. In web pages while form submission many time we commonly use drop-down list, this post explains how to get / fetch dropdown list selected value. In jQuery we get drop-down list selected by using .`val()` method. The .val() method is primarily used to get the values […]


by - Satinder singh

Add active class to Li on click jquery.

Add active class to Li on click jquery.

Overview: Adding a class to List tag  .i.e  li element on click.This article explains how to add class to Li or any HTML tag using jQuery. The most common scenario is to add a class when you click on a menu link and want to make it highlighted. For adding class in jQuery we use .addClass() jquery […]


by - Satinder singh

How to get current url Jquery vanilla Javascript

How to get current url Jquery vanilla Javascript

Overview: Get current web page URL in jQuery and javascript. This is most common think while developing websites where we need to fetch page URL for performing further function i.e get pathname, hostname, query string etc. Example: My page URL is  http://localhost:2239/Default2.aspx?id=5&name=SatinderSingh //* var getCurrentURL =window.location.href; //http://localhost:2239/Default2.aspx?id=5&name=SatinderSingh var getHostname=window.location.hostname; //localhost var getPathName=window.location.pathname // Default2.aspx var […]


by - Satinder singh

1 2 3 4