jQuery入门教程-文档操作方法

Dogee 发布于2019-08-22 16:20 / 1787人阅读

摘要：一和方法好好学习方法天天向上方法好好学习方法天天向上和比较用法相同在被选元素的结尾仍然在内部插入指定内容。二方法返回元素内容当使用该方法返回一个值时，它会返回第一个匹配元素的内容。方法是覆盖所有内容，是原有的内容被替换。

一、append()和appendTo() 1.1 append()方法

好好学习

1.2 appendTo()方法

好好学习

1.3 append()和appendTo()比较

（1）用法相同
在被选元素的结尾（仍然在内部）插入指定内容。

（2）不同之处
内容和选择器的位置不同，以及 append() 能够使用函数来附加内容。

二、html()方法 2.1 返回元素内容

当使用该方法返回一个值时，它会返回第一个匹配元素的内容 (inner HTML)。

好好学习

2.2 设置元素内容

当使用该方法设置一个值时，它会覆盖所有匹配元素的内容 (inner HTML)。

好好学习

2.3 使用函数来设置元素内容

（1）语法

$(selector).html(function(index,oldcontent))

（2）参数

参数	描述
function(index,oldcontent)	规定一个返回被选元素的新内容的函数。index - 可选。接收选择器的 index 位置。oldcontent - 可选。接收选择器的当前内容。

（3）示例

好好学习

天天向上

三、append()、appendTo()和html()的区别

（1）append()和appendTo()方法是在被选元素的结尾（仍然在内部）插入内容，是在原有内容的基础上增加。

（2）html()方法是覆盖所有内容，是原有的内容被替换。

GPU云服务器云服务器系统操作文档 js文档操作 NET文档操作 java 文档操作

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/94266.html

jQuery入门教程-文档操作方法

摘要：一和方法好好学习方法天天向上方法好好学习方法天天向上和比较用法相同在被选元素的结尾仍然在内部插入指定内容。二方法返回元素内容当使用该方法返回一个值时，它会返回第一个匹配元素的内容。方法是覆盖所有内容，是原有的内容被替换。一、append()和appendTo() 1.1 append()方法好好学习 append() 方法 $(butt...

DTeam 2019-08-02 10:11 评论0 收藏0
jQuery入门教程-文档操作方法

摘要：一和方法好好学习方法天天向上方法好好学习方法天天向上和比较用法相同在被选元素的结尾仍然在内部插入指定内容。二方法返回元素内容当使用该方法返回一个值时，它会返回第一个匹配元素的内容。方法是覆盖所有内容，是原有的内容被替换。一、append()和appendTo() 1.1 append()方法好好学习 append() 方法 $(butt...

dadong 2019-08-30 15:53 评论0 收藏0
前端技术博客文章、书籍积累

摘要：好多编辑器例如等都支持这样的语法来快速的编写代码如何优雅地使用把标签放在结束标签之后结束标签之前的差别什么是响应式设计怎样进行书籍《JavaScriptDOM编程艺术》《JavaScript高级程序设计》《JavaScript框架设计》《JavaScript专家编程》《JavaScript Ninjia》《JavaScript语言精粹（修订版）》《JavaScript设计模式》《J...

LiangJ 2019-08-30 12:58 评论0 收藏0
前端技术博客文章、书籍积累

摘要：好多编辑器例如等都支持这样的语法来快速的编写代码如何优雅地使用把标签放在结束标签之后结束标签之前的差别什么是响应式设计怎样进行书籍《JavaScriptDOM编程艺术》《JavaScript高级程序设计》《JavaScript框架设计》《JavaScript专家编程》《JavaScript Ninjia》《JavaScript语言精粹（修订版）》《JavaScript设计模式》《J...

codercao 2019-08-19 18:10 评论0 收藏0
前端技术博客文章、书籍积累

摘要：好多编辑器例如等都支持这样的语法来快速的编写代码如何优雅地使用把标签放在结束标签之后结束标签之前的差别什么是响应式设计怎样进行书籍《JavaScriptDOM编程艺术》《JavaScript高级程序设计》《JavaScript框架设计》《JavaScript专家编程》《JavaScript Ninjia》《JavaScript语言精粹（修订版）》《JavaScript设计模式》《J...

huayeluoliuhen 2019-08-01 15:13 评论0 收藏0