Write a jQuery code to create a division (div tag) using jQuery with style tag.

 Write a jQuery code to create a division (div tag) using jQuery with style tag.


Write a jQuery code to create a division (div tag) using jQuery with style tag. 

Answer :
File Name : jQuery.html

<html>
    <head>
<script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
        <title>SP Creation</title>
    </head>
    <body>
        <div id="box">
            <h2>jquery</h2>
        </div>
        <div class="col">      
            <button id='ok'>INSERT DIV </button> 
        </div>
        <script> 
            $(document).ready(function(){
                $('#ok').click(function(){
                    $('.col').append('<div id="new" class="text-danger">'+ 'Div is Inserted </div>');
                });
            });
        </script> 
    </body>
</html>
Write a jQuery code to create a division (div tag) using jQuery with style tag. Write a jQuery code to create a division (div tag) using jQuery with style tag. Reviewed by technical_saurabh on May 02, 2021 Rating: 5

No comments:

Powered by Blogger.