为什么jquery不能添加子元素

我想用jquery实现添加子元素，代码如下，但是不能实现，请教一下该怎么办
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>无标题页</title>
    <script  type ="text/javascript" language ="javascript" src ="jquery-1.3.2-vsdoc2.js"></script>
    <script >
     function aaa(){
           $("#eeeeeeeee").append("<div style=\" width:100px; z-index: 100; position: absolute; top: 300px; left: 450px;\"><ima scr=\"a.gif\"/></div>");
           alert ("dddddddddd");
    }
    
    </script>
</head>
<body>
    <form id="form1" runat="server">
    
    <div  id="eeeeeeeee" onclick ="aaa()">
    <img src ="a.gif" />
    </div>
    </form>
</body>
</html>

解决方案 »

  1.   

    $("#eeeeeeeee").append("<div style=\" width:100px; z-index: 100; position: absolute; top: 300px; left: 450px;\"><img scr=\"a.gif\"/></div>");
      

  2.   


    $("#eeeeeeeee").append("<div style=' width:100px; z-index: 100; position: absolute; top: 300px; left: 450px;'><img scr='a.gif'/></div>");这样行不行？  
      

  3.   

    搞错了：应该是：
    $("#eeeeeeeee").append("<div style=' width:100px; z-index: 100; position: absolute; top: 300px; left: 450px;'><img src='a.gif'/></div>");