选择器语法在$(“”)。text(message)中的含义是什么

选择器

语法在此代码中的含义是什么? 我见过像div#someId这样的选择器,但我很困惑

含义

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

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

见http://api.jquery.com/jQuery/

从上面:

jQuery(html [,ownerDocument])

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

后来…

当参数具有单个标记(例如$('')$('') ,jQuery使用本机JavaScript createElement()函数创建元素。

所以基本上,这就像做:

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

它将创建一个新的

元素并将其添加到#log元素中。

它会创建一个新的div标签,并将其预先log下来。

这意味着jquery函数实际上不会查询DIV元素,但会创建一个类型为

的jquery包装元素,您可以在其上处理并最终附加到DOM。

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

$('

')不会从你的html中选择一个div,而是创建一个新的div。 它也可以写成$('

') ,第一个只是第二个的简写。

表示div是一个自闭合div。 它基本上是$('

')的简写。

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