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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – CSS或JQuery中的特定图像扩展选择器，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含591字，纯文字阅读大概需要1分钟。

内容图文

我的项目中有几个图像,有几个扩展名(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 =“test.png？id = 1”>.

您还可以使用属性contains selector,* =：

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

包含选择器将不准确地选择< img src =“test.png.gif”/>.

如果您只需要文件路径,那么您将不可避免地接受其中一个例外(除非您想要实现一些更高级的过滤器,以便在？或#之后去除值).

内容总结

以上是互联网集市为您收集整理的javascript – CSS或JQuery中的特定图像扩展选择器全部内容，希望文章能够帮你解决javascript – CSS或JQuery中的特定图像扩展选择器所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端