[b]有用的符号：[/b] | 竖杠后的字符会被原样输出 · 点表示下一级的所有字符都会被原样输出，不再被识别。（就是|的升级版，实现批量） include 表示引用外部文件 短杠说明后面跟着的字符只是一段代码（与|的区别就是，|后面的内容会被显示，而短杠后面的内容直接不显示了！） 例子: js： jade： [b]'|'的应用[/b] [img]http://files.jb51.net/file_images/article/201712/2017121214515740.jpg[/img] [b]'.'的应用[/b] [img]http://files.jb51.net/file_images/article/201712/2017121214515741.jpg[/img] [img]http://files.jb51.net/file_images/article/201712/2017121214515742.jpg[/img] [b]include的应用[/b] [img]http://files.jb51.net/file_images/article/201712/2017121214515743.jpg[/img] [b]调用变量做运算[/b] [img]http://files.jb51.net/file_images/article/201712/2017121214515744.jpg[/img] [b]div的class[/b] [img]http://files.jb51.net/file_images/article/201712/2017121214515745.jpg[/img] [b]'-' 的应用[/b] [img]http://files.jb51.net/file_images/article/201712/2017121214515746.jpg[/img] [b]变量的直接引用[/b] span#{a}和span=a效果是一样的。 [b]jade中的for循环[/b] jade： js文件： 运行结果： [img]http://files.jb51.net/file_images/article/201712/2017121214515747.jpg[/img] [b]'!' 的应用[/b] 运行结果： [img]http://files.jb51.net/file_images/article/201712/2017121214515748.jpg[/img] [b]jade的if...else...[/b] [img]http://files.jb51.net/file_images/article/201712/2017121214515749.jpg[/img] [b]case语句[/b] [img]http://files.jb51.net/file_images/article/201712/2017121214515750.jpg[/img] [b]综合的来一个[/b] [b]小提示：[/b]之前的jade文件我们都没有写DOCTYPE,这里给它加上 [img]http://files.jb51.net/file_images/article/201712/2017121214515751.jpg[/img] 这个执行结果的是：如果文件读写顺利就输出‘成功'，如果出错，就返回‘错误'。 以上这篇基于模板引擎Jade的应用(详解)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程素材网。