A-A+
jquery.load() 和 append 同时使用上的区别
jquery.load() 和 append 都可以给指定的div元素添加数据了但jquery.load()是全部替换,而append是在原有的基础上进行添加了,下面我们来看个们的例子。
jQuery 事件 - load() 方法
当指定的元素(及子元素)已加载时,会发生 load() 事件。
实例:当图像加载时,改变 div 元素的文本.
- $("img").load(function(){
- $("div").text("Image loaded");
- });
append() 方法
append() 方法在被选元素的结尾(仍然在内部)插入指定内容。
提示:append() 和 appendTo() 方法执行的任务相同。不同之处在于:内容的位置和选择器。
实例:在每个 p 元素结尾插入内容:
- $("button").click(function(){
- $("p").append(" <b>Hello world!</b>");
- });
应用实例,更多文章:
- 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");
- });