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

Jquery Filtering Methods

The jquery filtering methods is used for the purpose for specifying the criteria, Those elements didn't matched with the criteria it will illuminate from the selection while the matched elements will be returned. It has multiple methods like...

How to avoid memory leak with jQuery?

Hello Nerds, I am using jQuery event listeners. As i know jQuery doesn't store any information itself. It stored the information in $.cache object. When ever i call event listner it will create a new entry in $.cache object. How can i get ...

on() method in jQuery

on() method: On() method is used to attach events to selected elements and also used to specify a function when the event occurs. It is similar to bind method but on() method also attach event handler to elements generated using script while b...

Hover() method in jQuery

Hover() method: This method is used to perform some changes on mouse over and mouse out for html elements. It requires two parameters which are as follows: over −This function triggers when the mouse is moved over a matched element...

Create Moving Marker Functionality on Google Map with jQuery and HTML

How to move markers on a google map api without clicking on any object ? The above can be achieved with simple logic . ie update the marker position after a particular time ( Let say 1 second in our example ) The following HTML and jquery c...

jQuery next() Method

The jQuery next() method gives back the next sibling components of the  component which we have selected. By using next() method we can select  the  next siblings of the component which we have selected and then we can use ...

Jquery Chaining

jQuery - Chaining  In general terms, An associated adaptable arrangement of metal connections utilized for affixing or securing items and pulling or supporting burdens is known as chaining.  In Jquery, Chaining mean...

Live() method in jQuery

live() method: Live method is used to attach events to selected elements and also used to specify a function when the event occurs. It is similar to bind method but live method also attach event handler to elements generated using script while...

jQuery siblings() method

The jQuery siblings() method gives back all siblings components of the  component which we have selected. By using sibling() method we can select all the siblings of the component which we have selected and then we can use them. Syntax...

How to create to-do list using jQuery?

In this blog, I am going to explain how to make a simple to-do list with the help of jQuery. The to-do list which we are going to create will contain an input box and an add button, so when we put our task to the input box and click the add butto...

eq() filtering in Jquery

It helps in reducing the set matched of elements in a form of the index. It is a zero based indexing. By zero-based indexing we mean that the indexing begins from zero. First, an element is indexed as zero and thus simultaneously indexing goes on...

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 ...

Which Calendar scripts do you use and recommend?

Hello, Currently, I am creating a html web page and using jQuery library for js. I need to integrate calendar in my page, which can be used to schedule my events. Please suggest any useful calendar with minimum size. Any help would be...

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...
prev 1 2 8
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: