Featured
-
How Regression Testing Detects Integral Errors In Business Processes
Humans are forever changing and evolving and so to
by kristina.rigina -
Get Display Banner Advertising Opportunity on FindNerd Platform
“Do you have a product or service that nee
by manoj.rawat -
Android O Released with Top 7 New Features for App Developers
Android was founded by Andy Rubin, Rich Miner, Nic
by sudhanshu.tripathi -
Top 5 Features That Make Laravel the Best PHP Framework for Development
Laravel is a free open source Web Framework of PHP
by abhishek.tiwari.458 -
Objective C or Swift - Which Technology to Learn for iOS Development?
Swift programming language is completely based on
by siddharth.sindhi
Tags
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...
