html.append清空,关于jquery的append()和html()使用

在js里动态更改html内容时经常会用到append()/appendTo()和html()方法。

在此记录下使用区别。

append()与appendTo()在元素尾部插入内容

//语法

$(selector).append(content) //content可包含 HTML 标签，可为函数

$(content).appendTo(selector) //content可包含 HTML 标签，不可为函数

使用

//append()

$("p").append(" Hello world!");

$("p").append(function(index){ // 参数可选，接收选择器的 index 位置。

return "这个 p 元素的 index 是：" + index + "";

};

//appendTo()

$(" Hello World!").appendTo("p");

相同之处

1、插入的内容依旧在主体的内部结尾，而不是主体外部。

不同之处：

1、内容和选择器的位置

2、append() 能够使用函数来附加内容。

html() 设置所有匹配元素的内容/返回第一个匹配元素的内容

//语法

$(selector).html(content)//content可包含 HTML 标签，为空时返回元素内容，可为函数

使用

$("p").html("Hello world!");

$("p").html(function(index){// 参数可选，接收选择器的 index 位置。

return "这个 p 元素的 index 是：" + index;

});

总结：append()/appendTo()侧重与添加元素内容，html()侧重于替换元素内容。

html.append清空,关于jquery的append()和html()使用相关推荐

JQuery获取append后的动态元素：live()和on()
2019独角兽企业重金招聘Python工程师标准>>> jquery通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素(比如由脚本创建的新元素) $(&qu ...
jquery after append appendTo三个函数的区别
jq文档的说明是 1.after函数定义和用法: after() 方法在被选元素后插入指定的内容. 语法: $(selector).after(content) 实例: <html> & ...
jQuery中append、insertBefore、after与insertAfter方法注意事项
jQuery中append.appendTo.prepend.prependTo.before.insertBefore.after与insertAfter方法注意事项这里列的是针对初学jQuery ...
jQuery中append()、prepend()与after()、before()的区别
原文地址:https://www.cnblogs.com/afei-qwerty/p/6682963.html 在jQuery中,添加元素有append().prepend()和 after().be ...
jQuery API .append()
.append() .append(content[,content]) 描述: 在每个匹配元素里面的末尾处插入参数内容. content 类型:String, Element, jQuery DOM ...
JQuery之append和appendTo的区别，还有js中的appendChild用法
JQuery之append和appendTo的区别 append()前面是要选择的对象,后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容且为Jquery对象,而后面是要选择 ...
JQuery中append(function(index,html)),appendTo(),after(function(index,html)),clone()方法
不多说废话,直接说要点 1. append(function(index, html)) 该方法是版本1.4 中新增的,其功能是将一个function 函数作为append 方法的参数,该函数的功能 ...
jQuery中append()和appendTo()的区别
[前言] 简单总结下jQuery中append()和appendTo()的区别 [主体] 1.简单理解 (插入对象不同) append()前面是被插入的对象,后面是要在对象内插入的元素内容 appen ...
jquery的append方法无效
css代码: AAAA BBBB(title="hello") CCCC(class="box") DDDD(title="hello") ...

html.append清空,关于jquery的append()和html()使用

html.append清空,关于jquery的append()和html()使用相关推荐

最新文章

热门文章