Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 
JQuery

Featured

Callback Function in jQuery

Callback Functions: It is used to prevent executing further code until earlier effects has not executed completely. As we know in jQuery effects takes time to complete and sometime next line code get executed while the earlier effects are stil...

How to finds odd table rows using jQuery

If you want to find odd number of table rows then it's not a difficult task now, we can do this easily with the help of jQuery :odd selector. The :odd selector will choose all those components which have odd index i.e 1,2,5 etc. Most of...

How to find browser details ?

Jquery have a nice feature to know about browser details. it is deprecated, If the functionality is removed, it will likely be easily accessible using a plugin.   It is safe to use it to determine whether or not to call $(document...

How to get height and width of a html element?

Hello Reader's If you are dealing with JQuery in your website and want to get the height and width of any html element then this blog will very helpful to you.  So lets get started working of getting the height and width of a div . F...

How to load heavy images via ajax in webpage

Hello Reader's if you find your website is too heavy to load the contents, then you can use the ajax to load images. By using Ajax data be loaded and browser will load the heavy images with fade in effect. So lets get started...

How to finds even table rows using jQuery

If you want to find even number of table rows then it's not a difficult task now, we can do this easily with the help of jQuery :even selector. The :even selector will choose all those components which have even index i.e 0,2,4,6 etc. M...

How to make find and replace in page using jQuery?

Hello Readers. If you want to make replacement of words on any webpage then jquery offers you to do this. The benefit of using the Jquery is to run code on real time front end. So let's get started working on it. Step 1:  Create a si...

What is the difference between jQuery.get() and jQuery.ajax()?

jQuery.get() jQuery.get('testing.txt',function(data){ console.log(data) },'text'); In this blog first we are using the jQuery.get() method. You pass function in arguments instead of passing in an object when you are using jQuery.g...

How to get the current coordinates of the element

If we want to find the current coordinates of the element then we can easily do that with the help of jQuery. jQuery have offset() method which makes us to find the coordinates of the element which you want to find in respect to the document.&nbs...

Unbind() method in jQuery

Unbind() method: Unbind() method is used to remove events attached to html element while bind() method is used to attach events to selected html elements . It is mainly used to prevent the events  to be executed when needed and when no...

jQuery Mobile Touch Events

An event is something which triggers when something happens.In jquery we have gone through many of them. In this particular blog we explain about the Touch event. The touch event is triggered when the user taps on an element. In the following ...

Getting width and height of a div with the help of jQuery

If anyone want to get the width and height of a div then he/she can do this with the help of  jQuery width() or height() method. The width() method will find the width of that element which we want to find. It do not take the padding or m...

How to set minimun height and width of cropbox in Cropper Jquery Plugin

Setting minimun height and width of cropbox:- Hello Readers! In this blog I am going to explain you minheight and minwidth of a cropbox, which is used in the Cropper Jquery Plugin for selecting an image to crop, By default this Cropbox size...

How to remove all child nodes from the selected elements?

If you want to remove all the child nodes which contain selected HTML elements then it's not a difficult task now, we can do this easily with the help of jQuery empty() method. All the child nodes of our selected HTML element will be remov...

Explaination of Cropper Jquery Plugin

What is Cropper jquery? Cropper jquery plugin is lightweight, simple, easy, effortless cropping plugin that helps to crop images in runtime using Cropper jquery, it help to get a cropped image along with several tools that adds different effec...

Chapter 4: jQuery Events

Hello Readrs, We will learn about JQuery event in below. JQuery event provide you a facility to user interaction with a web page it means that you can code that runs when a user click(s) on a certain part of the page or an element(s). ...

Bind() method in jQuery

Bind() method: Bind method is used to attach events to selected elements and also used to specify a function when the event occurs. Syntax: $(selector).bind(event,data,function,map) Example: <!DOCTYPE html> <html> ...

keypress, keydown, keyup events in jQuery

Hello readers, Today we will discuss about keypress, keydown, keyup events in jQuery. These events fires when user pressed any key. Lets have a look all three events:   keypress: This is a special event and works when any key ...

How to remove html element with the help of jQuery

It is very easy to remove html elements, we can do this with the help of jQuery . jQuery have two method for doing this one is jQuery remove() method and the other one is jQuery empty() method. Below i am explaining jQuery remove() meth...

Custom checkbox bus seat ui, 3type checkbox reserved Seat, Select Seat & empty Seat

Customizing checkbox using Pure Css The checkbox you see below is nothing but the label and its input that is hidden or making its opacity to "zero" reason for doing this is, it has very less CSS styling property that will not satisf...

Learn how to create a slider with animation effects using simple code of jQuery

Hii, I had shared few example of animation effects using CSS and jQuery,This blog is continuation with my previous blogs on "animation effects" using CSS and jQuery Learn how to create a slider in html with different animation eff...

How to add content at the beginning of the selected element

If we want to add some content at the beginning of our selected html element then we can acquire it by simply using jQuery prepend() method. The jQuery prepend() method appends the content at the begining of the element which we have been...

SlideToggle using JQuery

Hello Readers  The slide Toggles (slideToggle()) method is use toggle between slideUp() and slideDown() for the selected elements like(div, paragraph, etc..). This blog post will help you with displaying the navigation menu items in a ...

Attribute selector in jQuery

Attribute selector: We usually use either Class or ID  to find html elements in jQuery but we can also use attribute to find specific elements. Attribute selector is written inside square brackets [attribute]. Some of the  common ...

Adding two columns value using jQuery

We can add the values of two columns and show the result in another column using jQuery easily. Html code: <div id="main"> <table> <tbody> <tr> <th>Digit1</th> <th>Operator</...

Add new content using jQuery append() method

The jQuery append() method  is very useful if we want to append some content to our web page   by clicking on a particular button, div or any html element . The jQuery append() method appends the content at the end of the element whi...

contenteditable attribute in html5

contenteditable attribute is a new feature added to HTML5. By the terminology, we understand that this attribute is used to specify that whether the contents of an element are editable or not. This attribute was designed and implemented by Micros...

Lazy Load jQuery Spinner

Lazy load jquery spinner is used for the delays loading of images used on the web page. It improves the page load time, by using this plugin user can see the custom effects and data attributes, It is a fast, easy and lightweight script used for l...

How to chain multiple methods in single statement

If we want to run different methods with in single statement than we can achieve it by using jQuery chaining property . With the help of jQuery chaining property we can chain different methods with each other. JQuery chaining property allows u...

Start an infinite animation effect on page load using jQuery

Hii, When we talk about adding animation effect in our web page then  css is one the best option we use along with any of the programming laungage such as javascript,jQuery etc to give dynamic animation effects. Using animation effect in a...

Sorting list with jQuery

Sorting as we all know refers to the rearrangement of data in some predefined format, it can either be ascending or descending or alphabetically or numerically.  This is a small blog on sorting the list data using jquery. Here is a sample co...

Explaination of Jquery Methods: remove , fadeIn, fadeOut and fadeToggle

In this blog I am going to explain you about very simple concept of Jquery Methods, a little bit Html and Css that is used for decoration the model and for explaining these methods in a more beautiful manner. A user can design the boxes as accord...

How to check password strength in your form using jQuery

Hii, In this blog, I am sharing jQuery code by which you can set validation i.e check password strength in your form. By adding this option in your form, You can enhance the security level of form by adding validation for the password. ...

Manipulating CSS using jQuery addClass() Method

If we want to manipulate css or we want to  add some classes to our tags when page load or when we click on the button , we can achieve it by using  jQuery addclass() method . addClass() method add particular classes to the...

Create draggable objects using javascript

Hii, In this blog i am sharing a simple javascript code for creating draggable objects using mouse event. This code can be used when you want to add animation effect in your static html document and make it more attractive. You ca...

Chapter 2: Basics of jQuery

Hi All, In this chapter we are learn some basics, So here we go A jQuery statement starts with the dollar sign ($) and ends with a semicolon (;) in the which is in document ready function. $ sign defines the jQuery, Document Ready - Al...

Loading simple data with the help of ajax

  If we want some part of our website to load but we dont want other part to be loaded for this purpose ajax is used . Ajax stands for Asynchronous JavaScript and XML it helps us to load particular part of the page but not the whole ...

Chapter 1: An Introduction to jQuery

What is jQuery ? jQuery is a fast JavaScript library with less code which was created by John Resig in 2006. jQuery is very fast and this feature make it one of the most popular language. It is the most popular browser friendly javascript lib...

What is JQuery noConflict method?

As jQuery do most of the JavaScript libraries use $ as a function or variable name. In jQuery's case, all functionality is available without using $ because it is just an alias for jQuery. In jQuery we can return control of $ back to the othe...

jQuery not() Method

In jQuery not() method,  we set a  criteria. Elements that match the criteria are expelled from the selection, and those do not  match will be returned. Below is the syntax of jquery filter method:- selector....

Filtering methods in jquery

In jQuery there are three most essential filtering techniques used these are first(), last() and eq(), which permit you to choose a particular element in respect of its position when there are more than one element or have group of elements....

Highlighting important information with the help of jquery

Many time we want to show some information in our page to be highlighted, we want some important information to be display with different background color. we can acquire this by simply using jquery filter() method. In jquery filter method &nb...

Simple chat application in node.js

Today, I am going to show you, how to create a simple chat application in node js using a special model "socket.io". It simply transmits messages from one client to all others. For this, I am going to create two files:- 1: main.js...

Interaction in jQuery with Drag-able

The Drag-able function can be used in JqueryUI to enable draggable functionality on a DOM element. Using Drag-able function we can drag the element by clicking on it with the mouse. Example code: <html> <head> <...

What is the difference between JavaScript and JQuery?

Hii all, it seems that many want to know what is actually a difference between JavaScript and JQuery. So, here are following differences between these two :- JavaScript :- 1. JavaScript is a scripting language. 2. In JavaScript, you...

Chaining in jQuery

Chaining is a technique that allows us to run multiple jQuery commands, one after the other, on the same element. Using chaining we can run multiple jquery methods within a single statement. Chaining makes code short and easy to manage and it im...

Get dropdownlist selected value/text using javascript in asp.net mvc

A dropdownlist is a list of items from which user can select one or multiple values at the same time. Every dropdownlist contain two items one is a value and another is text. Here in the given example,there is a list of student names in which ...

jquery autocomplete in AngularJs not working on first click

Hi, I was using jquery autocomplete functionality in angularJs using directive. Whenever I tried to load static data it was working fine, but when I loaded data from server side the first click was not working.  I was using code someth...

How to change the font family using JQuery?

In this blog, we will see how we can change the font family of text through jQuery. In this blog we have two div in the left div we show the text and in the right section, we make a selectbox( ) from which we select the particular font whatever y...

Client side validation using jquery in Asp.Net MVC

Jquery is client side scripting language which runs the scripts on client's browser to check user's inputs are valid or not. Before submitting the form to the server,jquery authenticate that user has entered all the valid text in input fi...
prev 1 2 7
Sign In
                           OR                           
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: