Knowledge Walls
Gopal Rao
Mumbai, Maharashtra, India
Passcode:
How to hide div using jquery on page load
1791 Views
Note 
.ready() function called when the page load completely.

For example, if you not use jquery statements inside the .ready() function the statements run before the page load completely.So that It cause some issues on page.To neglect this problem use .ready function.


Example: 1 Jquery with ready() function
Example: 2 Jquery without ready() function

Example: 1 Jquery with ready() function
<html>

<head>
    <title>HTML-JQuery</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

    <script type="text/javascript">
        $(document).ready(function () {
            $(".one").hide();
        });
    </script>
</head>

<body>
    <div class="one">one</div>
    <div class="two">two</div>
    <div class="three">three</div>
    <div class="four">four</div>
</body>

</html>
Example: 1 Demo 
Example: 2 Jquery without ready() function
<html>

<head>
    <title>HTML-JQuery</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

    <script type="text/javascript">
        $(function () {
            $(".one").hide();
        });
    </script>
</head>

<body>
    <div class="one">one</div>
    <div class="two">two</div>
    <div class="three">three</div>
    <div class="four">four</div>
</body>

</html>
Example: 2 Demo 
Next Topics
Next lessons of current book.
Previous Topics
Previous lessons of current book.
  Copyright © 2014 Knowledge walls, All rights reserved
KnowledgeWalls
keep your tutorials and learnings with KnowledgeWalls. Don't lose your learnings hereafter. Save and revise it whenever required.
Click here for more details