semantic-ui 使用方法

semantic-ui中文网：http://www.semantic-ui.cn/

一、下载与引入
1、点击下载 Semantic UI压缩包。
2、只需要复制semantic.min.css和semantic.min.js文件到项目文件下，另外必须要有jquery支持。
3、引用以下三个文件，顺序如下，jquery必须在semantic.min.js之前：

<link rel="stylesheet" href="/css/semantic.min.css">
<script src="/js/jquery-1.10.1.js"></script>
<script src="/js/semantic.min.js"></script>

二、开始使用
1、html元素中加入固定class，设置元素的样式，比如按钮：

<button class="ui primary button">Login</button>
<button class="ui primary button">Login</button>
<button class="ui primary button">Login</button>
<button class="ui primary button">Login</button>
<button class="ui primary button">Login</button>

2、js调用：

$(function(){
    $('.ui.checkbox').checkbox('attach events', '.toggle.button');
})

3、下拉菜单：

//代码如下
$('.ui.dropdown').dropdown();