文字列セレクタの単複混合代入,vanillasセレクターの単複混合代入、生成ノード -> OK！

/* 引数、カンマ区切りどっちでも可  */
// node$('#top0,#top1,#top2,#top3').fn('addClass','d-inline-block m-2');
node$('#top0','#top1','#top2','#top3').fn('addClass','d-inline-block m-2');

// 以上だけなら、querySelectorAllで十分だけど、要素を動的に生成するケースでは、
生成ノード指定やエレメントセレクターの混合が可能になっていると使いやすい。
//メソッドのチェーンも可能になる。

/* セレクターの混合OK  */
let $nodeclass = document.querySelectorAll('.node0');
let $node = document.getElementById('node00');
node$($node,$nodeclass).fn('addClass','red text-white m-2');

//生成したノード

.q(クエリ) = ：子要素, .closest() = 先祖要素, .sib(対象，セレクター) = 兄弟要素

//ノード -> 先祖ノード
//closest -> 存在しない場合：fnは実行されず、エラーはおきない
node$('セレクター').closest('#node0').fn('addClass','p-3,pink,text-white')
node$('セレクター').q('a').closest('li').fn('addClass','p-2,red,text-white');

//ノード -> 兄弟ノード::存在しない場合：fnは実行されず、エラーはおきない
node$('セレクター').sib('beforeAll','.active').fn('addClass','m-1,p-1,yellow,text-black');
//node$('セレクター').sib('beforeAll/afterAll/all/after/before','セレクター')

//基本形
let hoge = function(op) {
  return function(el) {
    ここに処理
  }
}
//専用の名前空間に登録すると、メソッド名での実行が可能に
//opは可変長引数OK
node$(selector).fn('addClass',op);

//カンマ区切り、スペース区切り、引数わたしに対応
fn$.addClass = function() {
  const $argu = arguments;
  return function(el) {
	 if($argu.length == 1 && typeof $argu[0] === 'string') {
    $argu[0].split(/,|\s/).forEach(function(val) {
       el.classList.add(val);
    })
   }
  if($argu.length > 1) el.classList.add(...$argu);
	return el;
 }
};

//セレクターが複数で、挿入要素がノードの場合は、当然、最後のセレクターに挿入される（それ以前のセレクターから移動するから）
//クローンを挿入する手もありそうだけど・・・バグの温床になりそう
node$('セレクター').insert('append/prepend/before/after',挿入要素);

 node$('.indi').wrap('<div class="d-inline-block p-2 my-2 red text-white"></div>');

//失敗
//単一ノードなのでループで移動してしまう。
node$('.indi2').wrap(el$({class:'d-inline-block p-2 mx-2 blue text-white'}));

//成功 ノード用オブジェクト
node$('.indi2').wrap({class:'d-inline-block p-2 mx-2 blue text-white'});

/* ラップ挿入 テンプレ */
  node$('.indi3').wrap('<div class="d-inline-block p-2 my-2 <%=color%> text-white"><%=raw self%></div>',{color:'yellow'});

  node$('.indiall').wrapAll('<div class="d-block p-2 my-2 blue"></div>');