javascriptが示す｛html:row｝の意味

Question

お世話になります。

こちらのサイトにある一部の抜粋となります。

https://docs.microsoft.com/ja-jp/aspnet/web-api/overview/getting-started-with-aspnet-web-api/using-web-api-with-aspnet-web-forms

<script type="text/javascript">
    function getProducts() {
        $.getJSON("api/products",
            function (data) {
                $('#products').empty(); // Clear the table body.

                // Loop through the list of products.
                $.each(data, function (key, val) {
                    // Add a table row for the product.
                    var row = '<td>' + val.Name + '</td><td>' + val.Price + '</td>';
                    $('<tr/>', { html: row })  // Append the name.
                        .appendTo($('#products'));
                });
            });
        }

        $(document).ready(getProducts);
</script>

このjavascriptのコードの中に｛html:row｝という記載があるのですが
これは何となくrow（行）の部分の何かを示していると思っているのですが
検索で「Javascript　row」「Javascript　html:row」で調べても正確な意味が把握できておりません。

こちらが示している意味を教えて頂ければ幸いです。

よろしくお願いします。

Comments

[miyabi_pudding]

これは、jQueryの話なので、
jQueryの質問タグをつけてください。

[kaiserdoragon]

タグを修正しました！
よろしくお願いします。

Answer 1

jQueryで新たな要素を作ってその中身に row に入っているHTML文字列を入れています。

【jQuery() | jQuery API Documentation】
https://api.jquery.com/jQuery/#jQuery-html-attributes

Answer 2

{ key:value }はオブジェクトです。

本件の効果については、実際に動かして見てみればわかりますが、第一引数のセレクタに対してkey="value"の形で属性を付与しています。
※html はhtml()の効果があるなど、一定の機能を持つkeyもあります