论坛首页 Web前端技术论坛

jquery:append 和 appendTo 在firefox和ie中的区别

浏览 11151 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2009-04-14   最后修改:2009-04-14
在jquery 1.2 API中解释如下:
引用
appendTo(content)
所有匹配的元素追加到另一个、指定的元素元素集合中。
实际上,使用这个方法是颠倒了常规的$(A).append(B)的操作,即不是把B追加到A中,而是把A追加到B中。

引用
append(content)
向每个匹配的元素内部追加内容。
这个操作与对指定的元素执行appendChild方法,将它们添加到文档中的情况类似。


看似两个可以等同的操作,实际上在firefox和ie中是有差别的。
append(content)
html:
<p>I would like to say: </p>
juery:
$("p").append("<b>Hello</b>");
结果:
[ <p>I would like to say: <b>Hello</b></p> ] 

appendTo(content)
html:
<p>I would like to say: </p><div id="foo"></div>
juery:
$("p").appendTo("#foo"); 
结果:
<div id="foo"><p>I would like to say: </p></div>


换句话说 :
$("p").append("任意字符串");

$("任意字符串").appendTo("p");
这两个操作是否等同呢?

结论是在ie下是等同的,而在firefox下,$("任意字符串").appendTo("p")这句是会报错的。
原因可能是在firefox下$("任意字符串")不能作为匹配对象,如其文档中说明的那样appendTo(content)
所有匹配的元素追加到另一个、指定的元素元素集合中。

欢迎指正!


   发表时间:2009-05-31   最后修改:2009-05-31
我感觉不是IE和FF的区别。

我也做了一些DEMO。有兴趣的话去看一下吧。

http://www.xiaoxiaozi.com/2009/05/31/694/
0 请登录后投票
   发表时间:2009-05-31   最后修改:2009-05-31
wangsong76 写道
在jquery 1.2 API中解释如下:
引用
appendTo(content)
所有匹配的元素追加到另一个、指定的元素元素集合中。
实际上,使用这个方法是颠倒了常规的$(A).append(B)的操作,即不是把B追加到A中,而是把A追加到B中。

引用
append(content)
向每个匹配的元素内部追加内容。
这个操作与对指定的元素执行appendChild方法,将它们添加到文档中的情况类似。


看似两个可以等同的操作,实际上在firefox和ie中是有差别的。
append(content)
html:
<p>I would like to say: </p>
juery:
$("p").append("<b>Hello</b>");
结果:
[ <p>I would like to say: <b>Hello</b></p> ] 

appendTo(content)
html:
<p>I would like to say: </p><div id="foo"></div>
juery:
$("p").appendTo("#foo"); 
结果:
<div id="foo"><p>I would like to say: </p></div>


换句话说 :
$("p").append("任意字符串");

$("任意字符串").appendTo("p");
这两个操作是否等同呢?

结论是在ie下是等同的,而在firefox下,$("任意字符串").appendTo("p")这句是会报错的。
原因可能是在firefox下$("任意字符串")不能作为匹配对象,如其文档中说明的那样appendTo(content)
所有匹配的元素追加到另一个、指定的元素元素集合中。

欢迎指正!





我很奇怪,你的 $("任意字符串") 是什么意思
据我所知,什么都不是吧, 这个appendTo() 是指

引用
Append all of the matched elements to another, specified, set of elements.


将符合selector的elements附加到另一个elements里头去

所以我不认为在IE下这个能有是件好事情.明显违背了API的意思

0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics