jquery 中的add()怎么没有效果

我在jquery的帮助文档中有如下一段叙述：
add(elements)把一个或多个DOM元素添加到匹配的元素集合中。 这个函数用于把一个DOM元素集合添加到一个jQuery对象中。 返回值:jQuery参数:elements (Element|Array<Element>): 要添加的一个或多个DOM元素 
 
示例:$("p").add( document.getElementById("a") )
HTML 代码:<p>Hello</p><p><span id="a">Hello Again</span></p>结果:[ <p>Hello</p>, <p><span id="a">Hello   Again</span></p>, <span id="a">Hello Again</span>   ] 示例：$("p").add([document.getElementById("a"),   document.getElementById("b")])
HTML 代码:<p>Hello</p><p><span id="a">Hello Again</span><span id="b">And Again</span></p>结果: <p>Hello</p>, <p><span id="a">Hello   Again</span><span id="b">And Again</span></p>,
 <span   id="a">Hello Again</span>, <span id="b">And Again</span>   为什么我照这个例子做出来完全没有效果呢，我引用了jquery库的，并且其他jquery 效果都可以实现
我的代码如下：
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript" >
function addHTML()
{
  $("p").add("<span>AAAAAAAAAAAAAAAAAAAAAAAAa</span>") 
}</script>
<body><p>Hello</p>
<p><span id="a">Hello Again</span></p>
<input type="button" value="add" onclick="addHTML()"/>
</body>

解决方案 »

  1.   


    <script type="text/javascript" src="http://ajax.Microsoft.com/ajax/jQuery/jquery-1.3.2.min.js"></script>
    <script>
    function addHTML() 
    { 
      $("p").add("<span>AAAAAAAAAAAAAAAAAAAAAAAAa</span>").each(function(){
       alert($(this).html());
      })
    } 
    </script> 
    <body> <p>Hello </p> 
    <p> <span id="a">Hello Again </span> </p> 
    <input type="button" value="add" onclick="addHTML()"/> 
    </body>
      

  2.   

    方法有：
    append()
    prepend()
    after()后面加
    before()在前面加
    wrap()是在元素内部加