Shulou(Shulou.com)06/03 Report--

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.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.