用ajax做分页的时候,发现一个问题:用append一条一条的增加内容时,点击下一页会出现闪的效果,体验不是很好,用html全部替换就没有闪现。
(1)append(content):方法在被选元素的结尾(仍然在内部)插入指定内容,append是在原有基础上增加,而html中是替换当前所有内容。
定义和用法
append() 方法在被选元素的结尾(仍然在内部)插入指定内容。
$(selector).append(content)
var showimg = "<div class='imgFocus'>123456</div>";
$("p").append(showimg);
(2)html() 方法返回或设置被选元素的内容 (inner HTML),替换当前所有内容。
如果该方法未设置参数,则返回被选元素的当前内容。
当使用该方法返回一个值时,它会返回第一个匹配元素的内容。
语法
$(selector).html()
$(".btn1").click(function(){
$("p").html("Hello <b>world</b>!");
});
append()函数是为指定元素尾部附加内容,而html()函数是重置元素内部的html内容。
转载自:https://blog.csdn.net/qq_30979185/article/details/69914484·