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, 选择器: "#divTest1", jquery: "1.10.1", constructor: function, init: function…]

这里(http://api.jquery.com/text/)说:.text()方法返回文本和CDATA节点以及元素节点的值。

问题:

1. 如何在控制台中查找文本值？

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

Answer 1

$("#divTest1").text("Hello, world!") 是 text() 的 setter，你需要像这样使用 getter。

$("#divTest1").text()

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

试试这个:

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

对于你的第二个问题，请参阅 this :

CDATA sections are used to escape blocks of text that would otherwise be treated as markup. In web development they're often used for including unpredictable HTML inside another form of XML, or for programmatic code like scripts and style information.