jquery中.text()的一些问题

时间:2013-07-08 02:08:42

标签: jquery

<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-&gt;控制台中,它显示:[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. 如何在控制台中找到文本的值?

  2. CDATA节点和元素节点之间有什么区别?

1 个答案:

答案 0 :(得分:3)

$("#divTest1").text("Hello, world!")text()的制定者,你需要像这样使用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部分用于转义否则将被视为标记的文本块。在Web开发中,它们通常用于在另一种形式的XML中包含不可预测的HTML,或者用于编写脚本和样式信息等编程代码。