标签:
项目中越来越多的地方需要实现无刷新来更新页面局部内容,使用ajax
从后台获取数据然后追加到页面中。那么怎么获取数据之后如何实现元素的追加呢?
jQuery
提供追加元素函数,掌握常用的四种追加函数,可以灵活地追加页面元素。
追加到结尾
append()
方法在被选元素的结尾(在内部)插入指定内容。
语法:
$(selector).append(content)
示例:
在每个 p 元素结尾插入内容
$("button").click(function(){ $("p").append(" <b>Hello world!</b>"); });
追加到开头
prepend()
方法在被选元素的开头(仍位于内部)插入指定内容。
语法:
$(selector).prepend(content)
示例:
在 p 元素的开头插入内容:
$(".btn1").click(function(){ $("p").prepend("<b>Hello world!</b>"); });
追加到结尾
after()
方法在被选元素后插入指定的内容。
语法:
$(selector).after(content)
示例:
在每个 p 元素后插入内容:
$("button").click(function(){ $("p").after("<p>Hello world!</p>"); });
追加到开头
before()
方法在被选元素前插入指定的内容。
语法:
$(selector).before(content)
示例:
在每个 p 元素前插入内容:
$("button").click(function(){ $("p").before("<p>Hello world!</p>"); });
标签:
原文地址:http://www.cnblogs.com/sunliyuan/p/5737983.html