Tag Archives: jquery tutorial with examples for beginners
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]
jQuery Events
jQuery Events represents the happenings in the page.
jQuery Event Types with Example
- Button click
- Mouseover
- Scrolling page
- Selecting check box
- Double click
- Keypress
jQuery Events with click example
jQuery Event with double click example
jQuery Event with mouseover() example
jQuery Event with blur() example
tr odd Selects all odd rows of table – jQuery
$( “tr:odd” ) – selector is used to select the odd rows of the table.
tr odd Selects all odd rows of table with jQuery syntax
tr odd Selects all odd rows of table – jQuery Example
Click Me To Select Odd Rows
|
Note : Row Index starts from 0,1,2….
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….
href attribute selector – jQuery
$(“[href]”) – selector is used to select the all elements which have attribute “href”.
Syntax : href attribute selector
last-child Selector- jQuery
$( “:last-child” ) – selector is used to select the last child of its parent.
Syntax : last-child Selector- jQuery
first-child Selector- jQuery
$( “:first-child” ) – selector is used to select the first child of its parent.
Syntax : first-child Selector using jQuery
Class Selector jQuery Example
$(“.class”) – selector is used to select the elements in the page which have class “.class”.
Class Selector jQuery Example – $(“.class”)
$(this) Selector in jQuery
$(this) – selector is used to select the current element in the page.
