JQueryData/Day11Append.html at master · ulhas0706/JQueryData · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<html>
    <head>
        <script src="jquery-3.1.1.js"></script>
        <script>
            $(function(){
                //$('div').append("tutorial");
                //Same as append just first append text comes then the element to which it is to be append
               // $("<h1>tutorial of</h1>").appendTo($('div'));
               //$('div').prepend("Tutorial of");
              // $("<h1>tutorial of</h1>").prependTo($('div'));
               //$('div').before("Hello");
               //$("<h3>hello</h3>").insertBefore($('div'));
               //$('div').after("Hello");
               $("<h3>hello</h3>").insertAfter($('div'));

            });
        </script>
    </head>

    <body>
        <div id="Div1">
            Div1
        </div>
        <div id="Div2">
            Div2
        </div>

        <div id="Div3">
            Div3
        </div>

    </body>
</html>