此代码是一个jQuery选择器或其他任何东西？

Question

这段代码是什么意思？

var item=$("<canvas>").attr("width", width).attr("height", height)[0]; 

其实我很好奇这句法：

$("<canvas>") 

这是否意味着创建一个canvas元素？ 它似乎不是jQuery中的选择器，对不对？如果我要选择一个canvas元素，我应该使用

$("canvas") 

Answer 1

正确的，这意味着创建一个canvas元素。该jQuery函数被重载：

• 如果传递选择，它选择的那些元素。
• 如果通过一个HTML字符串，它创建一个元素。
• 如果通过jQuery对象，它复制该jQuery对象。
• 如果通过数组，它会创建一个代表这些对象的jQuery对象。
• 如果通过元素，它会创建一个包含该元素的jQuery对象。
• 如果通过函数，它注册为在页面加载时调用它。

Answer 2

$("canvas")的确的意思是选择所有的画布标签。

$("<canvas>")意味着创建一个画布标签并返回一个对一个jQuery对象的引用，该对象已经选择了一个新创建的标签。值得注意的是它没有添加到文档中的任何地方还没有，那么你真的需要做的是这样的：

$('<canvas>').appendTo('body'); 

Answer 3

是在jQuery() method can be used to create DOM elements from raw HTML。这也将宽度/高度属性分配给新创建的元素。你的确可以用$("canvas")来选择它。请注意，此元素不会附加到DOM。