JQuery奇怪的语法

Question

我是JQuery的新手,并尝试使用它根据JSON对象的查询结果动态构建HTML.无论如何在JQuery API站点(http://api.jquery.com/jQuery.getJSON/)上我发现这个例子我不懂语法,我似乎无法找到为什么这种语法合法的任何解释或者如何使用它.

$.getJSON('ajax/test.json', function(data) {
  var items = [];

  $.each(data, function(key, val) {
    items.push('<li id="' + key + '">' + val + '</li>');
  });

  // *** THIS IS THE PART THAT IS WEIRD ***
  $('<ul/>', {
    'class': 'my-new-list',
    html: items.join('')
  }).appendTo('body');
});

有人可以将我的文档用上面的注释解释语法吗？

Answer 1

请参阅此处的jQuery 文档。具体来说，标题为：

创建新元素

本节包含有关重载使用的详细信息jQuery( html, props )（在版本 1.4 中添加）。这是您的示例中使用的重载。它采用一个html字符串参数，用于创建新的 DOM 元素，然后添加props对象参数中包含的属性。