选择器语法在$（“<div>”）。text（message）</div>中的含义是什么

Question

此代码中的选择器<div/>语法是什么意思？我看过像div或#someId这样的选择器，但我很困惑<div/>的含义

    function log( message ) {
        $( "<div/>" ).text( message ).prependTo( "#log" );
        $( "#log" ).scrollTop( 0 );
    }

Answer 1

这意味着“动态创建一个jQuery包装的div元素。”

请参阅http://api.jquery.com/jQuery/

从上面开始：

  

jQuery（html [，ownerDocument]）

     

描述：从提供的字符串中动态创建DOM元素   原始HTML。

...后来

  

当参数具有单个标记时，例如$('<img />')或   $('<a></a>')，jQuery使用本机JavaScript创建元素   createElement()功能。

所以基本上，就像这样做：

$(document.createElement("div")).text("blahblah");

Answer 2

它会创建一个新的<div/>元素并将其添加到#log元素。

Answer 3

它会创建一个新的div代码并将其添加到log。

Answer 4

这意味着jquery函数实际上不会查询DIV元素，但会创建一个类型为<div></div>的jquery包装元素，您可以在其上处理并最终附加到DOM。

在您的情况下，代码将创建表示DIV元素的jquery对象，将其innerText设置为消息变量包含的内容，并将其添加到ID为“log”的元素。

Answer 5

$('<div/>')不会从您的HTML中选择div，而是创建一个新的div。它也可以写成$('<div></div>')，第一个只是第二个简写。

Answer 6

<div />表示div是一个自闭合div。它基本上是$('<div></div>')的缩写。

任何支持XHTML的浏览器都支持所有元素的自动关闭语法。