jquery - jquery 中 .text() 的一些问题

Question

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
    </script>
<div id="divTest1"></div>
<script type="text/javascript">
        $("#divTest1").text("Hello, world!").css("color", "blue");
        console.log($("#divTest1").text("Hello, world!"));
</script>

在 chrome->console 中，它显示：[div#divTest1, context: document, selector: "#divTest1", jquery: "1.10.1", constructor: function, init: function…]

这里（http://api.jquery.com/text/）据说：.text() method returns the value of text and CDATA nodes as well as element nodes.

问题：

1. 如何在控制台中找到文本的 te 值？

2. CDATA 节点和元素节点有什么区别？

Answer 1

$("#divTest1").text("Hello, world!")是一个二传手，text()你需要像这样使用吸气剂。

$("#divTest1").text()

当您这样做console.log($("#divTest1").text("Hello, world!"));时，它将在 DOM 元素上返回 jquery 对象，以便在设置文本后进行链接，这就是您在控制台中看到的内容。

尝试这个：

$(function(){
  $("#divTest1").text("Hello, world!").css("color", "blue");
    console.log($("#divTest1").text());
});

对于您的第二个问题，请参见：

CDATA 部分用于转义原本会被视为标记的文本块。在 Web 开发中，它们通常用于在另一种形式的 XML 中包含不可预测的 HTML，或者用于脚本和样式信息等编程代码。