jQuery中的append方法误区！

[url]http://jerryqiu.iteye.com/blog/923943[/url]

先上测试代码,我想做这样一个效果，鼠标移入自动在div上添加删除字样，鼠标移出后消失

<div id="1">Item1</div>  
<div id="2">Item2</div>  
<div id="3">Item3</div>  

<script type="text/javascript">  
jQuery(function() {  
    var ele = jQuery("div");  
    ele.hover(function(){  
        jQuery(this).append("<span class='s'>删除</span>");  
    },function(){  
        jQuery(this).remove(".s");  
    });  
});  
</script>  

这样的写法并不能达到效果，主要是jQuery(this).remove(".s");执行后没有效果，查看了光放的API，这样写到：
[color=darkblue]append(content)[/color]
这个操作与对指定的元素执行appendChild方法，将它们添加到文档中的情况类似。
参数content String, Element, jQuery

并没有太大收获，想了想可能是没有将新的代码加入dom中，[color=red][b]于是把append中的参数由String换成jQuery对象[/b][/color]，操作如下：
1.在HTML中添加<span class='s'>删除</span>
2.将jQuery(this).append("<span class='s'>删除</span>");改成

jQuery(this).append(jQuery(".s"));

3.测试成功！