SOURCE

// message提示层
$('#msg').click(function() {
  layer.msg('hello')
});

// 加载层
$('#loading').click(function() {
  layer.load(2)
});

//alert
$('#alert').click(function() {
  layer.alert('见到你真的很高兴')
});

//tips
$('#tips').click(function() {
  layer.tips('Hi，我是tips', this);
});

// prompt
$('#prompt').click(function() {
  layer.prompt({
    title: '输入任何口令，并确认',
    formType: 1
  },
  function(pass, index) {
    layer.close(index);
    layer.prompt({
      title: '随便写点啥，并确认',
      formType: 2
    },
    function(text, index) {
      layer.close(index);
      layer.msg('演示完毕！您的口令：' + pass + '<br>您最后写下了：' + text);
    });
  });
});

<div class="container">
  <hr />
  <div class="row">
    <a href="#" class="btn btn-default" id="msg">
      提示层
    </a>
    <a href="#" class="btn btn-default" id="loading">
      loading
    </a>
    <a href="#" class="btn btn-default" id="alert">
      alert
    </a>
    <a href="#" class="btn btn-default" id="tips">
      tips
    </a>
    <a href="#" class="btn btn-default" id="prompt">
      prompt
    </a>
  </div>
</div>