简要整理了基于TeamplateWorkflow组件进行工作流开发的步骤-Read.DOC

第1章讨论过，我们使用 $(document).ready() 包住我们的 jQuery 代码，DOM 加载完毕后就可以使它所有东西都可用。第二行使用子结合器 () 来添加 horizontal 类到所有最高级的项。$() 函数里的选择器意思是 find each list item (li) that is a child () of an element with an ID of selected-plays (#selected-plays)（保留原意，不做翻译了）。 现在这个类被应用了，我们的嵌套列表看起来像这样： 可以用很多种不同的方法样式化所有其它不在最高级的项目。既然我们已经应用 horizontal 类到最高级的项目，为了指定那些没有 horizontal 类的所有列表项，我们可使用negation pseudo-class （保留原意，否定伪类）方法获得所有子级的项目。 $(document).ready(function() { $(#selected-plays li).addClass(horizontal); $(#selected-plays li:not(.horizontal)).addClass(sub-level); }); 这时我们得到每个列表项： 1、 是否 ID 为 selected-plays 的元素的子孙 2、 本身没有类 horizontal 当我们添加 sub-level 类到这些项目中，他们得到灰黄色的背景，在样式表中定义：.sub-level {background-color: #ffc;}。现在这个嵌套的列表看起来像这样： XPath 选择器 XML 路径语言（XPath）是一种在 XML 文档中指定不同元素或者它们的值的语言，它与 CSS 在 HTML 文档中指定元素的方法相类似。jQuery 库支持支持一套基本的 XPath 选择器，如果我们想的话，我们可以让它与 CSS 选择器一起工作。使用 jQuery，不管文档的类型如何，我们都可使用 XPath 和 CSS 选择器。 当谈到属性选择器时，jQuery 使用 XPath 指定属性的约定，属性通过在方括号里用 @ 符号作为前缀指定，而不是用 CSS 的方法，它缺乏灵活性。例如，选择所有带有 title 属性的链接，我们会这样写： $(a[@title]) XPath 语法允许方括号不使用 @ 的另一个用法来指定一个不包含其它元素的元素。例如，我们可用下面的选择器表达式来得到所有包含一个 ol 元素的 div 元素： $(div[ol]) 样式化链接 属性选择器接收类正则表达式的语法来指定一个字符串的开始(^)与结束($)。它们也可用 asterisk(*) 来指示一个字符串的任意位置。 举例来说，我们想显示带不同文本颜色的不同种链接，我们首页在我们的样式表中定义样式： a { color: #00f; /* make plain links blue */ a.mailto { color: #f00; /* make email links red */ } a.pdflink { color: #090; /* make PDF links green */ } a.mysite { text-decoration: none; /* remove internal link underline */ border-bottom: 1px dotted #00f; } 然后，我们用加入三个类（mailto、pdflink 和 mysite），并用 jQuery 将它们加到适合的链接。 为了得到所有的 email 链接，我们创建一个选择器来查找所有的 anchor 元素 (a) ，选择器用以 mailto 开头 (^=mailto:) 的 href 属性 ([@href])，如下： $(document).ready(function() { $(a[@href^=mailto:]).addClass(mailto); }); 为了得到所有连接到 PDF 文件的链接，我们使用美元符号($)不是用脱字符号(^)，为了得到所有以 .pdf 结尾的 href 属性的链接，代码如下： $(document).ready(function() { $(a[@href^=mailto:]).addClass(mailto); $(a[@href$=.pdf]).addClass(pdflink); }); 最后，为了得到内部链接，例如，在 连接到其它页面，我们用星号： $(document).ready(function() { $(a[@href^=mailto:]).addClass(m