一聚教程网:一个值得你收藏的教程网站

热门教程

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

时间:2022-06-25 17:38:45 编辑:袖梨 来源:一聚教程网

jQuery 事件 - load() 方法

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

实例

当图像加载时,改变 div 元素的文本:
$("img").load(function(){
  $("div").text("Image loaded");
});

append() 方法

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

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

实例

在每个 p 元素结尾插入内容:
$("button").click(function(){
  $("p").append(" Hello world!");
});

应用实例

//更多文章

var url='/ajaxArchive.php?page=1';

$("#archivePlaceHold").load(url);

jQuery.load()只能替换掉元素中的内容。

jQuery.load()不能同时使用append,需要使用 jQuery.get()实现

var url='/ajaxArchive.php?page=1';

$.get(url, function(data){
  $(data).appendTo("#archivePlaceHold");
});

热门栏目