jQuery：在<img/>元素上使用wrap（）

Question

HTML：

<img src="http://webmuseum.mit.edu/mobiusicons/no_image.jpg" />

的CSS：

div.border
{
border: 2px solid #ccc;
width: 500px;
height: 500px;
}

JS：

$("img").wrap('<div class="border" />');

这是我第一次使用jquery wrap()。我期待看到以下

<div class="border"><img src="http://webmuseum.mit.edu/mobiusicons/no_image.jpg" /></div>

但是wrap()没有改变任何东西，我没有错误。请帮忙。感谢。

Answer 1

您的代码对我来说非常好。请参阅http://jsfiddle.net/trott/9Nm3M/。

（如果您不确定它是否正常工作，请尝试将边框粗细更改为20px进行确认。）

也许你没有加载jQuery或类似的东西？

Answer 2

您是否已将<script type="text/javascript" src="jquery.js"></script>纳入您的头部。 检查它的装载位置.. 请遵循以下内容：
 http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery
http://docs.jquery.com/Downloading_jQuery

检查此jsFiddle，它与您的代码一致。