About jquery Learning

≡[. ]≡≡[. ]≡ all instances are in document.ready-to prevent the operation from failing when the document runs before it is fully loaded.

$ (document). Ready (function () {---jQuery functions go----});

"1" $ (this). Hide: Hides the current HTML element "2" $ ("#test"). Hide: Hides id= "test" element

"3" $ ("P"). Hide: Hidden <p> Element "4" $ (". Test"). Hide: Hides all class= "test" elements

*************************************************************************

Element Selector

"1" $ ("P"): Select <p> element "2" $ ("P.intro") Select all the <p> elements of class= "Intro"

"3" $ ("P#demo") Select all <p> elements of id= "demo"

****************************************************************************

Property Selector

"1" $ ("[href]") selects all elements with href attribute "2" $ ("[href= ' # ']") and selects all elements with an HREF value equal to "#".

"3" $ ("[href!= ' # ']") selects all elements with an HREF value that is not equal to "#" ("4" $ ("[href$=. jpg]") and selects all the elements with the href value ending with ". jpg"

"5" $ ("ul Li:first") for each <ul> of the first <li> element "6" $ ("[href$= '. jpg ']") all href attributes with attribute values ending with ". jpg"

*********************************************************************************

General effects

"1" Toggle: Toggle (); Fade in: FadeIn (); Fade out: FadeOut (); In the fade-out Toggle: Fadetoggle (); Allow gradient opacity: fadeTo ()

"2" Downward: Slidedown (); Slide up: slideup: Upper slide Toggle: Slidetoggle

Animation effects

About jquery Learning