[Javascript/jquery]セレクタのアクセスの記述方法について

Question

前提・実現したいこと

セレクタのアクセス方法がわかりません．
現在，JavaScriptの勉強をしています．
そして，セレクタについて学んでいます．
勉強方法は，githubで公開されているプログラムのソースコードを読み，
それを調べるというものです．

そのなかで，書き方の意味がわからないことがありましたので，
今回質問しました．

わからない記述

var row = $("<div></div>", {"class": "row"})

わからないこと

上記コードは，何を指しているのでしょうか．
セレクタを複数指定したいならば，'div, .hoge, span'などのように，
シングルクォーテーション内でカンマ区切りを行えばいいと思います．
しかし，これは，"<div></div>", {"class": "row"} というように，
要素が独立しています．

よろしくお願いいたします．

Answer 1

このコードは、セレクタの指定ではなく、新たにHTML要素を生成してそれをjQueryオブジェクトにする、という用法です（公式）。第2引数は新たに生成するHTML要素の属性の指定です。

Comments

[B-Hirosuke]

なるほど，そのような用法があるのですね．
ちなみに，これもDOMというものに関係があるのでしょうか？

[m.ts10806]

それは「そもそもDOMって何」というところから調べてください。
https://developer.mozilla.org/ja/docs/Web/API/Document_Object_Model

[B-Hirosuke]

そうですね．
調べてみます．
ありがとうございます．

Answer 2

domで処理するとこんな感じです

  var row = Object.assign(document.createElement("div"), {"className": "row"});
  console.log(row);

Comments

[yambejp]

上記プロパティからのアクセス、属性を直接だとこう

var row = Object.entries({"class": "row"}).reduce((x,y)=>(x.setAttribute(y[0],y[1]),x),document.createElement("div"));

[B-Hirosuke]

回答ありがとうございます．
今は，わからないことだらけですが，少しずつ理解していこうと思います．