Javascript CSS或JQuery中的特定图像扩展选择器

我在我的项目中有几个带有几个扩展名（jpg、png、gif）的图像

有没有办法根据css或JQuery中的扩展来选择这些图像

<img src="img/img.jpg"/>
<img src="img/img1.png"/>
<img src="img/img2.gif"/>

例如，我希望扩展名为.png的图像具有

高度：200px属性。
您可以使用带有选择器的属性结尾，
$=
：

$('img[src$=".png"]').height(200);

带有选择器的末端将不准确地错过

您还可以使用属性包含选择器，
*=
：

$('img[src*=".png"]').height(200);

“包含”选择器将不准确地选择

如果文件路径是您必须遵循的全部，那么您将不可避免地必须接受其中一个异常（除非您想要实现一些更高级的过滤器，在
？
或
#
之后去除值）。
您还可以使用CSS3：

浏览器支持

Chrome    Firefox               IE     Opera     Safari
All       1.0 (1.7 or earlier)  7      9         3

要选择所有选项，您需要使用
.filter（）
：

或多个选择器，
$（'img[src$=”.png“]，img[src$=”.jpg“]，img[src$=”.gif“]）
@DavidHedlund True，但。。。大笑！（无意冒犯）无论出于何种原因，如果您使用的供应商服务在末尾附加问号，后跟任意文本（
？14909077424
），则该服务将不起作用。Rails就是这样做的。我认为这是文件名不会以扩展名结尾的唯一原因。使用属性contains（
*=
）选择器，但这也很好，因为除了扩展名之外，文件名中不允许使用句点。
img[src*=“.png？”]、img[src*=”.png#“]、img[src$=”.png”]
可以覆盖大多数情况，而不会出现误报。
Chrome    Firefox               IE     Opera     Safari
All       1.0 (1.7 or earlier)  7      9         3

var images = $('img').filter(function() {
    return /\.(png|jpg|gif)$/.test(this.src);
}).height(200);