JavaScriptによるファイルダウンロードの動きの違いについて

Question

JavaScrip/JQueryを利用したコードで動きの違いを調べていたりするのですが、HTML5のa.downloadに関して、下記２つのコードで、ダウンロードの成否が分かれます。

前者はネットで良く見かけるコードでダウンロードに成功しますが、後者はエラーになります。
JQuery使用の有無こそあれ、一見同じ事をしているように見えるのですが、この差はどこにあるのでしょうか？

---

let content = "ABCDE";
let link = document.createElement('a');
link.href = window.URL.createObjectURL(new Blob([content]));
link.download = "sample.html";
link.click();

---

let content = "ABCDE";
let link = $('a');
$(document).append(link);
link.attr('href', window.URL.createObjectURL(new Blob([content])));
link.attr('download', 'sample.html')
link.trigger('click');

---

Answer 1

とりあえずjQueryバージョンを動かすには

let content = "ABCDE";
let link = $('<a>');
$('body').append(link);
link.attr('href', window.URL.createObjectURL(new Blob([content])));
link.attr('download', 'sample.html')
link.get(0).click();

Answer 2

この差はどこにあるのでしょうか？

jQuery 使用の有無です。

もし jQuery が JavaScript と全く同じことをしているのであれば、そんな役に立たないライブラリなんて誰も使っていません。

追記

マイナス評価がついたのが気に入らないので、少し知ったかぶっておきます。

jQueryでリンクをクリックさせたい時
これがこの質問での jQuery と JavaScript の差です。

なぜ jQuery がこんな仕様なのかの理由は、もしかしたら jQuery のドキュメントに書かれているかもしれませんが、そこまでは知りません。
なので、以下は勝手な憶測なのですが、おそらく IE6 の a要素の onclick の変な仕様が原因だと思います。
IE6 の a要素でクリックイベントを使う場合ややこしいことになるため、jQuery ではブラウザ間の一貫性を重視し、すべてのブラウザで a要素のクリックイベントを無視することにしたのだと思います。

Comments

[2KOH]

コードをよく見てなくて今更になってしまいましたが、エラー原因は次の二行です。
let link = $('a');
$(document).append(link);
この二行は JavaScript のコードと対応していません。

[ambiguous]

JQueryを良く知らないのでa要素のクリックイベントのことまでは思い至りませんでした。むしろa要素のクリックイベントも「含めて」統一性を保っているものと思い込んでいたので目が行きませんでした。
まとめてのコメントになりますが、link.get(0).click();で動作することを確認しました。
ありがとうございました。