doctype html
html
    head
        meta(charset='utf-8')
        title 我的网站
    body
        div
            |hehe
        a: img(src='#')
        div(style={width:"100px",height:"100px"})
            测试 div
        div(class='test') 我是类名位test的div
        .test 我是类名位test的div
        #myid 我是id名为myid的div
        .myclass#myids 我是有id也有class的div
        -var name='张三'
            div
                名字是#{name}
            // 我是注释
            //
                我是注释一
                我是注释二
            //- 我是jade注释
            //-
                我是jade注释一
                我是jade注释二
        ul
            -for(var i=0;i<3;i++)
                li 我是循环的li
        -var arr = ["小明","小宏","夏培"]
            for val in arr
                p #{val}
        -var arr = [{name:"小华",age:"20"},{name:"李欣",age:"10"}]
            for val in arr
                p 姓名是 #{val.name} 年龄是 #{val.age}
        -var obj = {name:"皇妃",age:"25"}
            for item,index in obj
                p 属性是 #{index} 属性值是 #{item}
        -var judge = true
            if judge
                p judge的值是true
            else
                p judge的值是false
        -var num = 3
            case num
                when 1
                    p #{num}的值等于1
                when 2
                    p #{num}的值等于2
                when 3
                    p #{num}的值等于3
大专栏  jsde与gulp使用说明"line">                default
                    p #{num}是其他值
        //- js写法
        script(type='text/javascript').
            console.log("你好")
            function test(){
                console.log("我是test函数")
            }
        //- 封装函数
        mixin list
            ul
                -for(var i=0;i<3;i++)
                    li 我是li里地内容
        //- 调用封装函数
        +list
        +list
        //- 定义宠物的html
        mixin pet(name,sex)
            p 宠物的名字是 #{name}宠物的性别是 #{sex}
        //- 传参调用
        +pet("大黄","母")
        +pet("小强","公")