jQuery函数将CSS应用于图像

Question

好吧，这是我的代码：

(function($) {
var images = $( "img" );
$("div.featured-card-box").find(images)[1].css("display", "none");
});

应该将一些CSS应用于图像，但是它不起作用，因为我对此很陌生，所以我不知道出了什么问题。 非常感谢您的回答！

Answer 1

您的代码看起来比所需的要复杂一些：

1）请注意，jQuery [1]将是第二个图像，因为它从0开始计数。它也将是DOM对象而不是jQuery对象，因此您将无法在其上使用jQuery方法（就像您正在尝试的那样）去做）。

2）使用jQuery，您可以使用与CSS选择器相同的方法访问图像：

$("div.featured-card-box img")[1]

假设您要隐藏div中具有“功能卡盒”类的第二个图像，这应该可以解决问题：

$("div.featured-card-box img:eq(1)").hide();

虽然，您也可以将.hide()替换为.css('display','none')

编辑：这是一个小提琴： https ： //jsfiddle.net/vf8d9ske/