javascript - 我如何阅读这个功能？

Question

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是一个数组。

任何见解将不胜感激!

Answer 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');