jQuery hide()

by Online Tutorials Library July 14, 2022

jQuery hide()

The jQuery hide() method is used to hide the selected elements.

Syntax:

 $(selector).hide(); $(selector).hide(speed, callback); $(selector).hide(speed, easing, callback); 

speed: It is an optional parameter. It specifies the speed of the delay. Its possible vales are slow, fast and milliseconds.

easing: It specifies the easing function to be used for transition.

callback: It is also an optional parameter. It specifies the function to be called after completion of hide() effect.

Let’s take an example to see the jQuery hide effect.

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js" id="4ec11dffdb69be949ddb7ca6a6093679" type="PenciLazyScript"></script>     
<p> <b>This is a little poem: </b><br> Twinkle, twinkle, little star<br> How I wonder what you are<br> Up above the world so high<br> Like a diamond in the sky<br> Twinkle, twinkle little star<br> How I wonder what you are </p>
<p> <button id="hide">Hide</button>    </p>

Test it Now

Output:

This is a little poem:
Twinkle, twinkle, little star
How I wonder what you are
Up above the world so high
Like a diamond in the sky
Twinkle, twinkle little star
How I wonder what you are

Next TopicjQuery show()

jQuery hide()

jQuery hide()

jQuery height()

What is the difference between offset and position in jQuery

You may also like