繁體中文当前位置: 首页 > 图文教程 > XML家族 > XML > 通过jQuery在IE6中实现选择器标签
- XML
- 快速通过XSL转换XML文件
- XML入门精解之结构与语法
- 利用XSL和ASP在线编辑XML文档
- 关于XML在语音合成中的应用
- 如何得到XML文档文件的大小
- 快速从一个XML文件中查找信息
- 一个在客户端生成并使用XML的例子
- 给XML初学者建议
- XML的四种解析器原理及性能比较
- 改变我们生活的这些XML应用
- 揭穿 XQuery 的神话和误解
- 使用XSL将XML文档中的CDATA注释输出为HTML文本
- 基于XML的购物车的实现
- javascript调用XML制作连动下拉框
- 用XML数据岛结合Dom制作通讯录
- 用XSL翻译Web服务应用程序
- 使用XSLT将XML数据转换成HTML
- 获取mssql的xml返回结构的方法
- 使用xmldom在服务器端生成静态html页面
- 使用纯HTML的通用数据管理和服务
XML 中的 通过jQuery在IE6中实现选择器标签
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-30 浏览: 88 ::
收藏到网摘: n/a
你可以看到，使用jQuery实现的样式和使用css选择器实现的一模一样，而且它在IE6中被支持。
原理是很简单的——通过jQuery的选择器来匹配相关条件，然后动态为该链接添加一个class。比如，jQuery匹配到mailto类型的链接，然后我们在该链接上添加一个mailto的class。
jQuery的属性选择器和CSS的基本一致，用法也很类似：
1 | $("a[href^='mailto']").addClass("mailto"); |
这里就不再多介绍jQuery的属性选择器了，如果你还不了解，可以查看jQuery官方参考文档。
样式方面，我们只需将原来的选择器语法改为class就OK了。
最终的样式：
1 2 3 4 5 6 7 8 9 10 11 12 | a { background:url(a.gif) no-repeat right 4px; padding-right:18px;color:#369;line-height:24px; } a.mailto{background-position:right -242px;} a.doc{background-position:right -161px} a.xls{background-position:right -282px} a.pdf{background-position:right -79px} a.mp3{background-position:right -204px} a.swf{background-position:right -120px} a.rar{background-position:right -38px} a.home{background-position:right -328px} |
最终的js脚本：
1 2 3 4 5 6 7 8 9 10 11 12 13 | <script type="text/javascript" src="jquery.js"></script> <script> $(document).ready(function(){ $("a[href^='mailto']").addClass("mailto"); $("a[href$='.doc']").addClass("doc"); $("a[href$='.mp3']").addClass("mp3"); $("a[href$='.swf']").addClass("swf"); $("a[href$='.rar']").addClass("rar"); $("a[href$='.pdf']").addClass("pdf"); $("a[href$='.xls']").addClass("xls"); $("a[href*='qianduan.net']").addClass("home"); }); </script> |
HTML代码不需要做什么改动。
评论 (0) All
