javascript - 可以使用jQuery添加html5 'a'属性吗

Question

我有此代码(仅限 Chrome 和 Firefox)

HTML:

<a id="savefile"">
    Save transferred file
</a>

JavaScript:

// event is returned by a readAsDataURL()
var save = document.getElementById('savefile');
save.href = event.target.result;
save.target = '_blank';
save.download = fileName;

除了第一行之外，jQuery 中还可以使用第 2、3 和 4 行吗？我知道这是一个不节省空间的问题 - 但是它位于我试图撰写的关于 dataBlob 和浏览器兼容性的 jQuery 主题教程的中间。

我已经找了大约一个小时 - 没有找到信息，“下载”是世界上最糟糕的关键字。

Answer 1

您可以通过一次调用 attr() 来设置所有这些属性:

$("#savefile").attr(
    {
        "href" : event.target.result,
        "target" : "_blank",
        "download" : filename
    }
);

官方文档:http://api.jquery.com/attr/