jade使用语法

[1] 如果将内容与标记放在不同行,使用"."

div#test.

           测试内容，我和div在编辑时不在同一行

上面代码等同于

div#test测试内容，我和div在编辑时不在同一行   

[2] 取得变量使用 #{定义内容}

div 当前日期 #{new Date().getFullYears()} 

[3] 定义全局可以使用的变量

- @ var currentUser:User

div 用户名： #{currentUser.userName} 密码： #{currentUser.pwd}

// 输出内容为“"<script></script>"”

- var html = "<script></script>"
        | !{html}

或者定义本地变量

div

   - var currentUser="UserName"

  div

    p(class="pSkin")= currentUser

    span(style='color:#FFFFF') = currentUser

 

[4] 使用javascript脚本时，不需要使用 | 就可以做

extends layout

block scripts

script(type='text/javascript' src='../javascripts/easySlider1.7.js')

block content

    div#content

        div#slide(style="width:100%")

            div

                  image(src="#")

            div

            script

                window.alert("d")

 

[5] 空格的力量

ul

                    li

                        a(href="#") 1

                    li

                        a(href="#") 2

的结果为

ul

                    li

                        a(href="#")1

                    li

                        a(href="#")2

的结果为