我如何阅读这个功能？

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

Answer 2

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

您可以从 jQuery#.jQuery() 查看更多内容。

Answer 3

大括号用于 PlainObject，这是普通的 JavaScript 对象。从那我会读

请给我创建一个 <ul> 和 class my-user-list 以及 html 用户推文列表加入 <li/> 并将其附加到 <ul> 并将 ul 附加到 ID 为 tweets

的元素

示例如下

http://jsfiddle.net/xz6a0yqy/

我如何阅读这个功能？

How do I read this function?

html

javascript

jquery

function

jquery-selectors