1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><html> 5 <title>Test</title> 6 <script type="text/javascript" src="jquery-1.7.1.min.js"></script> 7 </head> 8 <body> 9 <select id="mySelect"> 10 <option value="1">First</option> 11 </select> 12 <script type="text/javascript"> 13 /* var sel = document.getElementsByTagName("select")[0], 14 _sel = sel.cloneNode(true), 15 span = document.createElement("span"); 16 span.style.border = "1px solid red"; //span.style.cssText = "border: 1px solid red"; 17 span.appendChild(_sel); 18 sel.parentNode.replaceChild(span, sel); 19 */ 20 $("#mySelect").wrap("<span></span>"); 21 $("span").css("border","1px solid red"); 22 </script> 23 </body> 24 </html>