如何阅读此功能？答案

【问题标题】：How do I read this function?如何阅读此功能？
【发布时间】：2015-09-29 15:30:36
【问题描述】：

function showTweet(username) {
    $( "<ul/>", {
        "class": "my-user-list",
        html: usertweets[username].join( "<li/>" )
    }).appendTo( $("#tweets") );
}

所以我看到选择器的目标是一个无序列表，但是逗号后面是什么，为什么它在大括号中？

我了解.append 部分。我不明白"class": "my-user-list" 和html: usertweets[username].join( "<li/>") 做了什么。注意usertweets 是一个数组。

任何见解将不胜感激！

【问题讨论】：

文档中的所有内容：Jquery Create Element w/ attributes
这是 jquery...api.jquery.com/jQuery/#jQuery1
它正在检查usertweets 对象中的username 键并将结果值包装在li 标记中（放置在ul 中）。

标签： javascript jquery html function jquery-selectors

【解决方案1】：

选择器不是针对ul - 它正在创建一个。第二个参数是一个对象，其中包含要在新 ul 元素上设置的属性。然后通过将其附加到 #tweets 元素来将其添加到 DOM。

为了显示差异：

// to create a ul element in memory
$('<ul></ul>'); // or...
$('<ul />');  

// select all ul elements currently in the DOM
$('ul');

【讨论】：

【解决方案2】：

大括号用于PlainObject，它是纯 JavaScript 对象。从中我会读到

请给我创建一个<ul>，类my-user-list，用户推文列表的html与<li/>连接，并将其附加到<ul>，并将ul附加到id为tweets的元素

这是一个例子

http://jsfiddle.net/xz6a0yqy/

【讨论】：

【解决方案3】：

它不是针对ul，它首先创建一个<ul>元素，并将<ul>的class设置为"my-user-list"，然后将其内部的html设置为usertweets[username].join("<li/>")，这应该会创建一些@ 987654327@，最后追加新创建的<ul>和里面的<li>s到$("#tweets")。

你可以从jQuery#.jQuery()看到更多。

【讨论】：