javascript - 为什么这种类型的数组包装在 jQuery 中不起作用？

Question

考虑一下:

var i=$('<img src="/path/to/imgI.png"/>');
var j=$('<img src="/path/to/imgJ.png"/>');
$([i,j]).css('cursor','hand');

但是光标没有改变，我不知道为什么..

当我单独执行时，它会起作用。

谢谢。

Answer 1

当您需要的是这些 jQuery 对象中的 DOM 元素时，该数组由两个 jQuery 对象组成。这将起作用:

var i=$('<img src="/path/to/imgI.png"/>')[0]; // <= Notice [0]
var j=$('<img src="/path/to/imgJ.png"/>')[0];
$([i,j]).css('cursor','pointer');

或者，(使用add())

var i=$('<img src="/path/to/imgI.png"/>');
var j=$('<img src="/path/to/imgJ.png"/>');
$(i).add(j).css('cursor','pointer');

编辑:另外，使用 cursor:pointer; 而不是 cursor:hand;