jQuery AppendTo

Question

我不确定为什么这个jQuery输出格式错误的HTML:

<img src="http://farm6.static.flickr.com/5300/5459333519_0bfb0763b0_m.jpg">

从这段代码:

$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?id=59597329@N08&lang=en-us&format=json&jsoncallback=?", function(data){
    $.each(data.items, function(i,item){
        $("<img>").attr("src", item.media.m).appendTo("#mac");
    });
});

#mac 是保存图像的div

任何人都可以理解这个吗？

Answer 1

该HTML完全有效.(对于XHTML,您必须使用自闭元素.)

但这并不重要,因为当jQuery正在修改内容时,它正在与DOM交互(事物的标记部分已经完全结束了,除了jQuery innerHTML在它可以覆盖的时候使用).因此,您不会将结果看作标记,除非在工具(如Firebug)中将DOM结构显示为HTML字符串.如果您正在使用XHTML文档,那么您使用的任何工具可能都不遵循XHTML约定用于显示目的,但这只是一个显示问题,而不是页面的实际问题.

可以这样想:Markup就像源代码中的字符串文字; DOM就像运行时的​​实际字符串.调试器将在运行时向您显示字符串的内容,通常使用与字符串文字类似的表示法(尽管这会有所不同); 类似地,Firebug和Chrome的开发工具等工具会使用标记符号显示DOM结构.但这只是工具中的显示内容.