• 博客园logo
  • 会员
  • 周边
  • 新闻
  • 博问
  • 闪存
  • 众包
  • 赞助商
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录

火柴哥

  • 博客园
  • 联系
  • 订阅
  • 管理

公告

View Post

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

在jquery 1.2 API中解释如下:

引用
appendTo(content)
把所有匹配的元素追加到另一个、指定的元素元素集合中。
实际上,使用这个方法是颠倒了常规的$(A).append(B)的操作,即不是把B追加到A中,而是把A追加到B中。
引用
append(content)
向每个匹配的元素内部追加内容。
这个操作与对指定的元素执行appendChild方法,将它们添加到文档中的情况类似。



看似两个可以等同的操作,实际上在firefox和ie中是有差别的。
append(content)

Html代码 复制代码
  1. html:   
  2. <p>I would like to say: </p>  
  3. juery:   
  4. $("p").append("<b>Hello</b>");   
  5. 结果:   
  6. [ <p>I would like to say: <b>Hello</b></p> ]   


appendTo(content)

Html代码 复制代码
  1. html:   
  2. <p>I would like to say: </p><div id="foo"></div>  
  3. juery:   
  4. $("p").appendTo("#foo");    
  5. 结果:   
  6. <div id="foo"><p>I would like to say: </p></div>  



换句话说 :
$("p").append("任意字符串");
和
$("任意字符串").appendTo("p");
这两个操作是否等同呢?

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

posted on 2014-04-19 13:53  火柴哥  阅读(258)  评论(0)    收藏  举报

刷新页面返回顶部
 
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3