Jquery选择器<td/>

Question

-我正在学习Jquery。我不明白在这个代码这个$('<td/>')选择：

$('<td/>').insertAfter($(this)).text(height).css('border', 'thin solid red'); 

- 可以任何一个告诉我是什么呢？

Answer 1

$('<td/>')创建一个带有标记td的DOM元素。

insertAfter($(this))在this元素后附加元素。

.text(height)更改td标记内的文本。

最后，.css('border', 'thin solid red');将红色边框应用于td元素。

Answer 2

$('<td/>')创建一个新的空白<td>元素并将其包装在jQuery对象中。

这将是相同的，就像您创建了纯JavaScript的元素，然后使用$('.selector')进行选择。

Answer 3

让我们打破这种分解成各个组成部分，也许这将是更有益的：

$('<td/>') // this is initializing a new DOM Node. At this point, however, it's not actually connected to anything, it's just a DOM Node hanging out in the DOM and not attached to the document flow. 

.insertAfter($(this)) // now, this is telling jQuery to take that TD element you just created, and insert it after whatever $(this) evaluates to... assuming this is inside, say, a click handler, it would evaluate to the object that triggered the click event, and attach the TD element after "this" element. 

.text(height) // says, "set the .text of your TD element to whatever is in the height variable" ... you're basically plugging text inside your TD element. 

.css('border', 'thin solid red') // is telling jQuery to modify the TD's style, adding a style for border that is thin, solid and red. 

见我一起扔的jsfiddle有关如何这会工作的一个例子的例子。 http://jsfiddle.net/mori57/xLJHx/

（一个有趣的后续问题应该提出自己，如果你尝试我联系你玩弄了的jsfiddle，但我并不想在这里把水搅浑）