1 | <html><head> |
---|
2 | <script src="jquery.min.js" type="text/javascript"></script> |
---|
3 | <script type="text/javascript"> |
---|
4 | $(document).ready(function(){ |
---|
5 | var ham = $("<span> ham</span>").data("type", "meat"); |
---|
6 | var eggs = $("<span> eggs</span>").data("type", "unborn"); |
---|
7 | var milk = $("<span> milk</span>").data("type", "liquid"); |
---|
8 | $('.myP').append(ham); |
---|
9 | $('#myDiv').append(milk); |
---|
10 | eggs.appendTo($('.myP')); |
---|
11 | }); |
---|
12 | |
---|
13 | </script> |
---|
14 | </head><body> |
---|
15 | <p class="myP">Foo</p> |
---|
16 | <p class="myP">Bar</p> |
---|
17 | <div id="myDiv">Baz</div> |
---|
18 | </body> |
---|
19 | </html> |
---|