<script>
$(document).ready(){
$('img').each(function() { var a = $(this).attr("alt");
$(this).before('<span class="caption">' + a + "</span>"); });
});
</script>明细语法错了，如果在浏览器中调试一下就能知道。
是不是写错了?
$(document).ready(function(){
});
首先，弄明白流程：
页面加载完毕后，遍历img标签，获取每个img标签的alt属性，将获取到的alt属性值插入到img标签之前。
现在，
你可以尝试使用console.log()逐步调试，看看问题在哪里（是不是没有img标签？img标签的alt属性为空？caption的样式问题？等等）。
的确，ready的语法错了。
$(document).ready(function() {
...
})