这个jQuery行是什么意思？

Question

return $('<div>', {
       class: "my_Class"
 });

Answer 1

它正在返回一个新创建的<div class="my_Class"></div>元素，这是第一个 $(html, props) overload of $()。它需要元素HTML和属性对象来设置。

需要注意的是，class是IE中的关键字，会导致问题，您需要将其放在引号中：

return $('<div>', { 'class': "my_Class" });

更完整的例子可能是：

return $('<div>', { 'class': "my_Class", click: function() { alert('hi'); } });

来自文档：

  

从jQuery 1.4开始，我们可以将属性映射传递给第二个参数。此参数接受可以传递给.attr()方法的属性的超集。此外，可以传入任何event type，并且可以调用以下jQuery方法：val，css，html，text，{{3} }，data，width或height。请注意，Internet Explorer不允许您创建输入元素并更改其类型;您必须使用<input type="checkbox" />来指定类型。