Tag Archives: learning jquery online
jQuery fade in milliseconds
jQuery fade in milliseconds – You can define your custom speed in milliseconds.
Syntax of jQuery fade in milliseconds
$(selector).fadeIn(milliseconds);
jQuery fadeIn Fast
jQuery fadeIn fast adds fast transition to hidden elements i.e; fadein with fast speed. $(selector).fadeIn(“fast”); is used to add fadeIn fast effect where it accepts parameter “fast” to add the transition speed. Below example explains this effect with online demo and editor.
Syntax of jQuery fadeIn fast
Here is syntax for fadeIn fast example in jQuery –
$(selector).fadeIn("fast");
selector: Is selector element.
“fast” : Is input parameter to add fast transition in selected element.
The above code will produce following result-
Note : This is image of the output. To run this demo click on the above “Try it” button.
jQuery fadeIn Slow
jQuery fadeIn slow adds slow transition to hidden elements ie. fadein with slow speed.
Syntax of jQuery fadeIn Slow
$(selector).fadeIn("slow");
jQuery fade Out
jQuery fadeOut provides fade out functionality to the visible elements.
Syntax of jQuery Fade Out
$(selector).fadeOut(speed,callback);
Speed Parameter – specifies the speed of the effect.
Speeds available are :
– slow
– fast
– or in miliseconds ex. 600
Callback Parameter- Is function name which is called when transition is complete.
jQuery Fade Out More Examples
[table width=”100%” colwidth=”20|100|50″ colalign=”left|left|center|left|right”]
No, Fade Out Effect ,Syntax, Example & Demo
1,Fade Out “slow”, $(selector).fadeOut(“slow”);,See Detail & Demo »
1,Fade Out “fast”,$(selector).fadeOut(“fast”);,See Detail & Demo »
1,Fade Out “miliseconds”,$(selector).fadeOut(600);,See Detail & Demo »
[/table]
jQuery Fade In
jQuery fadeIn provides fade in functionality ie. fade in to the hidden elements.
Syntax of jQuery Fade In
$(selector).fadeIn(speed,callback);
Speed Parameter – specifies the speed of the effect.
Speeds available are :
– slow
– fast
– or in miliseconds ex. 600
Callback Parameter- Is function name which is called when transition is complete.
jQuery Fade In More Examples
[table width=”100%” colwidth=”20|100|50″ colalign=”left|left|center|left|right”]
No, Fade In Effect ,Syntax, Example & Demo
1,Fade In “slow”, $(selector).fadeIn(“slow”);,See Detail & Demo »
1,Fade In “fast”,$(selector).fadeIn(“fast”);,See Detail & Demo »
1,Fade In “milliseconds”,$(selector).fadeIn(600);,See Detail & Demo »
[/table]
tr even Selects all even rows of table – jQuery
$( “tr:even” ) – selector is used to select the even rows of the table.
tr even Selects all even rows of table with jQuery Syntax
tr even Selects all even rows of table – jQuery Example
Click Me To Select Even Rows
|
Note : Row Index starts from 0,1,2….
last-child Selector- jQuery
$( “:last-child” ) – selector is used to select the last child of its parent.
Syntax : last-child Selector- jQuery
$(this) Selector in jQuery
$(this) – selector is used to select the current element in the page.
Syntax : $(this) Selector in jQuery
Jquery Install
Jquery Install
There are following ways to install/add jquery in your page.
- 1. Download : You can directly download jquery from http://jquery.com/download/ and use jquery install
- 2. Use CDN:You can include from CDN example google , jQuery.com –
Download jQuery
You can download jQuery from jQuery.com there are two types of versions available.
1. Production Version : This is compressed version for the live websites.
2. Development Version : This is uncompressed and readable for development and testing purpose.
Suppose you download production version jquery-2.1.4.min.js and have put it in the root of application.
Note: jQuery jquery-2.1.4.min.js needs to be included within the
tag such as
Note : Include the jquery-2.1.4.min.js only once.
jQuery CDN Example :
Get Jquery Install & enjoy programming!
