| 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> |
|---|
