1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> |
---|
2 | <HTML> |
---|
3 | <HEAD> |
---|
4 | <TITLE></TITLE> |
---|
5 | </HEAD> |
---|
6 | |
---|
7 | <script type="text/javascript" src="jquery-1.2.1.js" > </script> |
---|
8 | |
---|
9 | <script type="text/javascript" > |
---|
10 | |
---|
11 | $(document).ready(function(){ |
---|
12 | |
---|
13 | $("#testMe1").addClass("innerDiv").wrap( $(document.createElement("div") ).addClass("outerDiv") ); |
---|
14 | |
---|
15 | $("#testMe2").addClass("innerDiv").wrap("<div class='outerDiv'> </div>"); |
---|
16 | |
---|
17 | $("#testMe3").addClass("innerDiv")//.wrap("div"); |
---|
18 | }); |
---|
19 | |
---|
20 | </script> |
---|
21 | |
---|
22 | <style> |
---|
23 | .outerDiv { |
---|
24 | width: 300px; |
---|
25 | border: 2px solid red; |
---|
26 | padding: 2px; |
---|
27 | text-align:center; |
---|
28 | } |
---|
29 | |
---|
30 | .innerDiv { |
---|
31 | width: 250px; |
---|
32 | border: 1px solid blue; |
---|
33 | padding: 2px; |
---|
34 | text-align:center; |
---|
35 | } |
---|
36 | |
---|
37 | </style> |
---|
38 | |
---|
39 | <BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#800000" ALINK="#FF00FF" BACKGROUND="?"> |
---|
40 | |
---|
41 | <br/><br/><br/> |
---|
42 | |
---|
43 | <div id="testMe1"> Test element 1 </div> |
---|
44 | |
---|
45 | <br/> |
---|
46 | |
---|
47 | <div id="testMe2"> Test element 2</div> |
---|
48 | <br/> |
---|
49 | |
---|
50 | <div id="testMe3"> Test element 3</div> |
---|
51 | |
---|
52 | |
---|
53 | </BODY> |
---|
54 | </HTML> |
---|