title: How to add multiple attributes with jQuery?
body: <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>