Jquery - select and manipulate html elements (use .append) - sample


 <!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js">
    </script>
    <script>
        $(document).ready(function () {

            $('p').append('This is paragraph.');  
            $('h3').append(' <- *** This is h3..'); 
            $('div').append('This is div.');  

        });
    </script>
    <style>
        div{
            border1px solid;
        }
        
        p{
            border1px dashed;
        }
    </style>
</head>
<body>   
  <h3>burası h3 - a </h3>
    <div>
        <p></p>
        <p></p>
    </div>

    <p></p>
  <h3>burası h3 - b </h3>
    <div></div>
</body>
</html>


Yorumlar