伯格学前端
2016-01-26 23:11
采纳率: 74.4%
浏览 3.5k
已采纳

$("<p></p>").text("Text."),帮忙解释一下这个是什么?

因为我目前知道$("这里面要写选择器")

$("<p></p>").text("Text.")

但是上面这段代码双引号里写了

 <p></p>

然后我就迷糊了,因为看下面的源码的话,是创建了一个p标签,不是选择了p标签,所以我想知道$("

").text("Text.") 这个是什么

下面是源码:

 <script>
function appendText()
{
var txt1="<p>Text.</p>";              // Create text with HTML
var txt2=$("<p></p>").text("Text.");  // Create text with jQuery
var txt3=document.createElement("p");
txt3.innerHTML="Text.";               // Create text with DOM
$("body").append(txt1,txt2,txt3);        // Append new elements
}
</script>
</head>
<body>

<p>This is a paragraph.</p>
<button onclick="appendText()">Append text</button>

就是在这看到的 http://www.runoob.com/try/try.php?filename=tryjquery_html_append2

 This is a paragraph.

Append text
Text.

Text.

Text.

其他的都可以理解,就是第二个Text. 理解不了是怎么创建出来的

  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

3条回答 默认 最新

  • 已采纳

    jquery参数除了是选择器,还可以是是dom对象和html字符串,html字符串就是在内存中生成新的dom,你要显示需要添加到dom树种才行

    已采纳该答案
    评论
    解决 4 无用
    打赏 举报
  • threenewbee 2016-01-26 23:32
     var txt1="<p>Text.</p>";              // Create text with HTML
    var txt2=$("<p></p>").text("Text.");  // Create text with jQuery
    var txt3=document.createElement("p");
    txt3.innerHTML="Text.";               // Create text with DOM 从效果上说txt1 txt2 txt3等价
    $("body").append(txt1,txt2,txt3);        // Append new elements 将这3个标签依次添加到body下
    }
    
    评论
    解决 无用
    打赏 举报
  • _追逐梦想_ 2016-01-27 01:01

    $("

    ").text("Text.") 这句话的意思是创建一个 p元素,然后它的innerText是 Text.
    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题