关于DOM(页面内容)

html()

设置或返回被选元素的内容(innerHTML)
返回内容(返回第一个匹配元素的内容):$(selector).html()
设置内容(重写所有匹配元素的内容):$(selector).html(content)
使用函数设置内容:$(selector).html(function(index,oldcontent))
content:必需。规定被选元素的新内容(可包含 HTML 标签)。
function(index,oldcontent):可选。规定返回被选元素的新内容的函数。
index - 返回集合中元素的 index 位置。
oldcontent - 返回被选元素的当前 HTML 内容。

例子:
$("button").click(function(){
  $("p").html(function(n, oldcontent){
    return "p元素的 index 是:" + n;
  });
});

text()

设置或返回被选元素的文本内容
返回文本内容(返回所有匹配元素的组合的文本内容(会删除 HTML 标记)):$(selector).text()
设置文本内容(重写所有匹配元素的内容):$(selector).text(content)
使用函数设置文本内容:$(selector).text(function(index,currentcontent))
content:必需。规定被选元素的新文本内容( 特殊字符会被编码)。
function(index,oldcontent):可选。规定返回被选元素的新文本内容的函数。
index - 返回集合中元素的 index 位置。
oldcontent - 返回被选元素的当前内容。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,395评论 0 3
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,681评论 0 17
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,879评论 1 45
  • 原文章链接:「你拍我画2」风景类|书香枫叶展 打稿太随意,没有画准确,建筑物小了,而且檐角别扭。被说是天线宝宝,哈...
    wbsy001阅读 948评论 8 13
  • 你说情来我说爱, 不过都是风流债。 多少故事仍旧演, 当时主角今何在? ​​​
    再凑热闹阅读 102评论 0 1