之前写过利用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"

jQuery(document).ready(function($){
　　请把上述代码添加至此区域内才有效，另外别忘了加载jQuery库……
});

通过jQuery我们已经分别为链接中“.doc，.pdf，.zip .7z，http://www.rayfile.com”添加了对应的CSS类，下面就是为这些类写的CSS：

a.doc{background:url(images/word.gif) no-repeat left center;padding-left:19px;}
a.pdf{background:url(images/pdf.gif) no-repeat left center;padding-left:19px;}
a.zip{background:url(images/rar.gif) no-repeat left center;padding-left:19px;}
a.rayfile{background:url(images/attach.gif) no-repeat left center;padding-left:19px;}

OK，再次搞定，折腾下一个去啦！ ^ ^