what are sue of ready function in JQuery?

1 votes
61 views
Ethan Karla asked 28-Jul-2021 in Web Application by Ethan Karla

what are sue of ready function in JQuery?

1 Answer

2 votes
Ravi Vishwakarma answered 03-Aug-2021 by Ravi Vishwakarma

We use ready() in jQuery() to load our pages. The ready() call when my page is loaded, works just like ready() in JavaScript. This function runs only once after the page is loaded. We can say that our jquery's execution comes from ready(). 

Syntax
$(document).ready(function(){
    //statement
});
<!doctype html>

<html lang='en'>
<head>
    <!-- Required meta tags -->
    <meta charset='utf-8'>
    <meta name='viewport' content='width=device-width, initial-scale=1, shrink-to-fit=no'>
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js'></script>
    <!-- Bootstrap CSS -->
    <link href='https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css' rel='stylesheet' integrity='sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC' crossorigin='anonymous'>
    <title>ready function </title>
</head>
<body>
    <div class='container'>
        <h1 class='text-center mt-5'>ready function </h1>
        <div class='bg-primary text-white p-4 rounded-3 text-center' id='div1'>
        </div>
        <p class=' m-2 bg-warning p-1 rounded-3 text-capitalize px-5 text-center' ></p>
    </div>
    <script>
        $(document).ready(function () {
            $('p').text('this data is load by ready function');
        });
    </script>
    <script src='https://code.jquery.com/jquery-3.3.1.slim.min.js' integrity='sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo' crossorigin='anonymous'></script>
    <script src='https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js' integrity='sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1' crossorigin='anonymous'></script>
    <script src='https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js' integrity='sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM' crossorigin='anonymous'></script>
</body>
</html>

what are sue of ready function in JQuery?