javascript – jQuery attr()方法创建数据破折号属性

我试图弄清楚为什么在添加数据属性时(比如说图像)需要将属性名称放入引号中.我知道它需要完成,但如果一个学生问我,我不会得到确切的答案.所以请看下面的两个例子.

1.)我正在寻找一个解释为什么短跑是一个问题.
2.)有没有办法逃脱它,所以你不需要把它放在引号？

这不起作用：

$("img").attr({
    alt: "a picture of my cat",data-item : "pet",data-color : "orange",});

这确实有效

$("img").attr({
    alt: "a picture of my cat",'data-item' : "pet",'data-color' : "orange",});

3.)传递给attr()方法的参数是对象文字对吗？
4.)这只是对象文字语法中的规则,不允许使用破折号吗？