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

 2024-01-15 02:02:45  阅读 0

():该方法将指定的内容插入到所选元素的末尾(仍在内部)。 很多朋友认为它和html类似。 也就是说,在英文意义上,是在原来的基础上添加的,而在html中,则是将当前的内容全部替换掉​​。

定义和用法

() 方法将指定的内容插入到所选元素的末尾(仍在内部)。

$().()

使用函数附加内容

使用函数在指定元素的末尾插入内容。

语法

$().((索引,html))

示例代码:

<script src="/jquery.min.js" type="text/javascript"></script> 
<style> 
.imgFocus{border: 1px solid #eee;} 
</style>
<script type="text/javascript"> 
var showimg = "
123456
"; $("p").append(showimg); </script>

html() 方法返回或设置所选元素的内容(内部 HTML)。

如果该方法不设置参数,则返回所选元素的当前内容。

返回元素内容

当使用此方法返回值时,它返回第一个匹配元素的内容。

语法

$().html()

设置所有p元素的内容:

$(".btn1").click(function(){ 
$("p").html("Hello world!"); 
});

清除指定元素

$("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("

注销失败,请重新尝试!

"); } }); });

以下为网友补充:

当然不一样了,是追加,完全取代了html。

例如

123

$("#1").html("456");

结果发现:

第456章

$("#1").("");

结果发现:

123

第456章

标签: 元素 指定 返回

如本站内容信息有侵犯到您的权益请联系我们删除,谢谢!!


Copyright © 2020 All Rights Reserved 京ICP5741267-1号 统计代码