What are the basic knowledge points of jQuery
This article will explain in detail what are the basic knowledge points about jQuery. The editor thinks it is very practical, so I share it with you for reference. I hope you can get something after reading this article.
JQuery syntax example
(this) .hide ()
JQuery's hide () function, which hides the current HTML element.
("p") .hide ()
JQuery's hide () function, which hides all
element.
(".test") .hide ()
JQuery's hide () function hides all elements of class= "test".
("# test") .hide ()
The hide () function of jQuery hides the elements of id= "test".
Hiding-Sliding- Fading
JQuery fadeOut ()
A simple jQuery fadeout () function.
JQuery hide ()
A simple jQuery hide () function.
Hide explanations
How to hide part of the text.
Slide panel
Simple Slide Panel effect.
JQuery animate ()
A simple jQuery animate () function.
JQuery:1.1.1,$ (this). Hide () $(document) .ready (function () {$("button") .click (function () {$(this). Hide ();}); Click me test Click me2 Click me3 Click me4 jQuery:1.1.2,$ ("p"). Hide () $(document) .ready (function () {$("button") .click (function () {$("p"). Hide ();})) }); This is a heading
This is a paragraph.
This is another paragraph.
Click me jQuery:1.1.3,$ (".test"). Hide () $(document) .ready (function () {$("button") .click (function () {$(".test"). Hide ();}); This is a heading This is a paragraph.
This is another paragraph.
Click me jQuery:1.1.4,$ ("# test"). Hide () $(document) .ready (function () {$("button") .click (function () {$("# test"). Hide ();}); This is a heading
This is a paragraph.
This is another paragraph.
Click me jQuery:1.2.1,fadeOut () $(document) .ready (function () {$("# test") .click (function () {$(this). FadeOut ();});}); CLICK ME AWAY!
If you click on the box above, it will fade out.
JQuery:1.2.2.hide () $(document) .ready (function () {$("p") .click (function () {$(this). Hide ();})
If you click on me, I will disappear.
JQuery:1.2.3,explanations $(document) .ready (function () {$(".ex. Hide") .click (function () {$(this) .ready (".ex") .hide ("slow");}); div.ex {background-color:#e5eecc; padding:7px; border:solid 1px # c3c3c3;} Island Trading Hide me
Contact: Helen Bennett Garden House Crowther Way London
Paris Trading Hide me
Contact: Marie Bertrand 265, Boulevard Charonne Paris
JQuery:1.2.4,panel $(document) .ready (function () {$(".flip") .click (function () {$(".panel") .slideToggle ("slow");}); div.panel,p.flip {margin:0px; padding:5px; text-align:center; background:#e5eecc; border:solid 1px # c3c3c3;} div.panel {height:120px; display:none;}
W3School-the leading Web technology tutorial site
At W3School, you can find all the website construction tutorials you need.
Please click here
JQuery:1.2.5,animation $(document) .ready (function () {$("# start") .click (function () {$("# box"). Animate ({height:300}, "slow"); $("# box"). Animate ({width:300}, "slow"); $("# box"). Animate ({height:100}, "slow"); $("# box"). Animate ({width:100}, "slow");}) })
Start Animation
This is the end of this article on "what are the basic knowledge points of jQuery?". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it for more people to see.
