之前写过利用CSS的选择器实现《为不同类型的附件添加个性图标》，效果理想，唯一遗憾的就是IE6下无效。关注小站的童鞋都了解，小弟这几天都在死命的折腾jQuery，所以今儿来个jQuery版的，而且完美兼容各大浏览器哦！
效果演示：.doc，.pdf，.7z，http://www.rayfile.com
jQuery代码：
$("a[href$=.doc]").addClass("doc"); //对a标签内href属性中以“.doc”结尾的，为其添加CSS类class="doc" $("a[href$=.pdf]").addClass("pdf"); //同上 $("a[href$=.zip],a[@href$=.7z]").addClass("zip"); //对a标签内href属性中以“.zip”或“.7z”结尾的，为其添加CSS类class="zip" $("a[href^=http://www.rayfile.com]").addClass("rayfile"); //对a标签内href属性中以“http://www.rayfile.com”开始的，为其添加CSS类class="rayfile"
（嗨，一个标题写了10分钟……痛苦ing……）
写文章经常会分享一些东西，标个名字做个链接，然后让其他童鞋下载。一般我都是打包成7z格式的压缩文件提供下载的，但偶尔也会直接放上Word文档，还有比如PDF格式的教程。提供不同类型的附件时，为了区分也只能多打几个字，加个括号注明下。今天，我们利用CSS就给不同类型的附件加上一个个性的小图标！
演示效果：我是.7z后缀的压缩文件，我是.doc后缀的Word文档，我是.pdf后缀的PDF文档
看到效果了吧，那我们如何实现它呢？往下看，这种效果呢是通过CSS实现，把以下代码添加到主题style.css中即可：
a[href$=".zip"],a[href$=".7z"],a[href$=".rar"]{background:url(images/rar.gif) no-repeat left center;padding-left:19px;} a[href$=".doc"]{background:url(images/word.gif) no-repeat left center;padding-left:19px;} a[href$=".pdf"]{background:url(images/pdf.gif) no-repeat left center;padding-left:19px;}