跳到主要内容

$(“#msg”).text(); 和 $(“#msg”).text(“new content”);有什么区别?

参考答案:

$("#msg").text();$("#msg").text("<b>new content</b>"); 是使用 jQuery 库对 HTML 元素进行操作的两个例子。

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

这个语句用于获取 ID 为 "msg" 的 HTML 元素的文本内容。text() 函数在这里作为 getter 使用,返回元素的文本内容。例如,如果 HTML 元素如下:

<div id="msg">Hello, world!</div>

那么 $("#msg").text(); 将返回字符串 "Hello, world!"。 2. $("#msg").text("<b>new content</b>");

这个语句用于设置 ID 为 "msg" 的 HTML 元素的文本内容。text() 函数在这里作为 setter 使用,将元素的文本内容设置为提供的字符串。在这个例子中,HTML 元素的内容将被设置为 "new content"。

值得注意的是,尽管你提供了带有 HTML 标签的字符串,text() 函数会将这些标签视为普通文本,不会解析为 HTML。因此,如果你运行 $("#msg").text("<b>new content</b>");,最终的 HTML 将是:

<div id="msg">&lt;b&gt;new content&lt;/b&gt;</div>

而不是:

<div id="msg"><b>new content</b></div>

如果你希望将提供的字符串作为 HTML 插入到元素中,你应该使用 html() 函数而不是 text() 函数。