jquery - 这条 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'); } });

来自文档:

As of jQuery 1.4, we can pass a map of properties to the second argument. This argument accepts a superset of properties that can be passed to the .attr() method. Furthermore, any event type can be passed in, and the following jQuery methods can be called: val, css, html, text, data, width, height, or offset. Note that Internet Explorer will not allow you to create an input element and change its type; you must specify the type using <input type="checkbox" /> for example.