源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

jquery append()方法与html()方法的区别及使用介绍

  • 时间:2022-05-22 14:14 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jquery append()方法与html()方法的区别及使用介绍
append(content):方法在被选元素的结尾(仍然在内部)插入指定内容,有很多朋友觉得append与html差不多,其它从英文意义上append是在原有基础上增加,而html中是替换当前所有内容。 定义和用法 append() 方法在被选元素的结尾(仍然在内部)插入指定内容。 $(selector).append(content) 使用函数来附加内容 使用函数在指定元素的结尾插入内容。 语法 $(selector).append(function(index,html)) 实例代码:
<script src="/jquery.min.js" type="text/javascript"></script> 
<style> 
.imgFocus{border: 1px solid #eee;} 
</style> 
<p> </p> 
<script type="text/javascript"> 
var showimg = "<div class='imgFocus'>123456</div>"; 
$("p").append(showimg); 
</script>
html() 方法返回或设置被选元素的内容 (inner HTML)。 如果该方法未设置参数,则返回被选元素的当前内容。 返回元素内容 当使用该方法返回一个值时,它会返回第一个匹配元素的内容。 语法 $(selector).html() 设置所有 p 元素的内容:
$(".btn1").click(function(){ 
$("p").html("Hello <b>world</b>!"); 
});
指定元素中清空
$("a[href$='logout.asp']").click(function(event) { 
event.preventDefault(); 
$.get("/xxlr/Logout.asp","",function(data, textStatus) { 
if (data == 1) { //表明注销成功 
$('#message').html(""); 
$("#userlogin>div").show(); 
} 
else { 
$('#message').append("<p><strong>注销失败,请重新尝试!</strong></p>"); 
} 
}); 
});
下面是网友的补充: 当然不一样了,append是追加,html是完全替换 比如<p id="1"><p>123</p></p> $("#1").html("<span>456</span>"); 结果是:<p id="1"><span>456</span></p> $("#1").append("<span></span>"); 结果是:<p id="1"><p>123</p><span>456</span></p>
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部