How to add multiple attributes with jQuery? : <p>I followed all the answers on this post <a href="https://stackoverflow.com/questions/13014317/jquery-adding-two-attributes-via-the-attr-method">jQuery: Adding two attributes via the .attr(); method</a> and none of them work for multiple attributes, only single attribute work.</p>

<p>E.g. </p>

<pre><code>$("img").attr({
data-aos: "fade-down",
data-aos-duration: "600"
});
</code></pre>

<p>Does not work. But single attribute does work:</p>

<pre><code>$("img").attr("data-aos", "fade-down");
</code></pre>

<p><a href="https://jsfiddle.net/bwj5uex0/3/" rel="nofollow noreferrer">https://jsfiddle.net/bwj5uex0/3/</a>
You can test on JSFiddle with your browser's built-in dev tools after CTRL+Enter.</p>
