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>的{{1}}设置为class，然后将其中的html设置为{ {1}}，应创建一些"my-user-list"，最后将新创建的usertweets[username].join("<li/>")和<li>添加到<ul>。

您可以从jQuery#.jQuery()了解更多信息。

Answer 3

大括号是PlainObject，它是纯JavaScript对象。从那以后我会读到

请为我创建一个<ul>，其中包含my-user-list类，其中包含与<li/>相关联的用户网站列表的html，并将其附加到<ul>并将ul附加到包含id的元素tweets

这是示例

http://jsfiddle.net/xz6a0yqy/

我该如何阅读此功能？

3 个答案: