A-A+

jquery.load() 和 append 同时使用上的区别

2016年01月11日 前端设计 暂无评论 阅读 4 views 次

jquery.load() 和 append 都可以给指定的div元素添加数据了但jquery.load()是全部替换,而append是在原有的基础上进行添加了,下面我们来看个们的例子。

jQuery 事件 - load() 方法

当指定的元素(及子元素)已加载时,会发生 load() 事件。

实例:当图像加载时,改变 div 元素的文本.

  1. $("img").load(function(){  
  2.   $("div").text("Image loaded");  
  3. });  

append() 方法

append() 方法在被选元素的结尾(仍然在内部)插入指定内容。

提示:append() 和 appendTo() 方法执行的任务相同。不同之处在于:内容的位置和选择器。

实例:在每个 p 元素结尾插入内容:

  1. $("button").click(function(){  
  2.   $("p").append(" <b>Hello world!</b>");  
  3. });  

应用实例,更多文章:

  1. var url='/ajaxArchive.php?page=1';  
  2. $("#archivePlaceHold").load(url);  
  3. jQuery.load()只能替换掉元素中的内容。  
  4. jQuery.load()不能同时使用append,需要使用 jQuery.get()实现  
  5. var url='/ajaxArchive.php?page=1';  
  6. $.get(url, function(data){  
  7.   $(data).appendTo("#archivePlaceHold");  
  8. });  
标签:

给我留言