繁體中文当前位置: 首页 > 图文教程 > XML家族 > XML > 通过jQuery在IE6中实现选择器标签
- XML
- 多级联动下拉选择框，动态获取下一级
- 利用XMLSerializer将对象串行化到XML
- 用XML和XSL来生成动态页面
- XML的简单读取与写入
- 手把手教你制作Google Sitemap
- 用XsltArgumentList实现xsl的参数调用
- 将一个图片以二进制值的形式存入Xml文件中
- 将图片读入到Dom中，并将其存为xml文件
- WML初级教程之从实际应用中了解WML
- 利用XMLBean轻轻松松读写XML
- .NET中书写XML的一种简单方法
- 实例简析XPath串函数和XSLT
- 在XPath查询中指定轴(转自MSSQL手册)
- 使用带批注的 XDR 架构创建 XML 视图
- 使用 XML 模板 (MSSQL手册)
- 新兴XML处理方法VTD-XML介绍
- 利用XML实现通用WEB报表打印实际使用中的例子
- 从XML中读取数据到内存的实例
- Xml_javascript分页
- 创建带有关联的 XML 架构的 XML 文件 && 从 XML 文件创建 XML 架构
XML 中的 通过jQuery在IE6中实现选择器标签
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-30 浏览: 95 ::
收藏到网摘: 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
