如何使用jQuery一次性为HTML元素设置多个属性？

你可以通过jQuery提供的元素创建+批量属性配置语法一次性完成操作，有两种常用写法：

• 写法1：创建元素时直接传入属性配置（最简洁，推荐）

// 创建img元素同时完成所有属性赋值
const $img = $('<img>', {
  src: 'http://example.com/something.jpeg',
  height: '100%',
  width: '100%'
})

• 写法2：先创建元素再调用attr方法批量设置属性

const $img = $('<img>').attr({
  src: 'http://example.com/something.jpeg',
  height: '100%',
  width: '100%'
})

如果需要将生成的元素插入到页面DOM中，可直接链式调用插入方法，比如追加到body末尾：

$img.appendTo('body')

内容的提问来源于stack exchange，提问作者Keshav Kumar