jQuery UI 其建立在 jQuery JavaScript 庫上。大致涉及三方面：用戶界面交互（與滑鼠交互相關的內容）、特效（提供豐富的動畫）、小部件（主要是一些界面的擴展）及主題 先來看一個用jQuery UI實現一個簡單的選擇題 Interactions主要包括（droppable,res ...
jQuery UI
其建立在 jQuery JavaScript 庫上。大致涉及三方面：用戶界面交互（與滑鼠交互相關的內容）、特效（提供豐富的動畫）、小部件（主要是一些界面的擴展）及主題
先來看一個用jQuery UI實現一個簡單的選擇題
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="js/jquery.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<link rel="stylesheet" href="css/jquery-ui.min.css"/>
<style>
/*在審查元素得知jquery-ui源碼中是由ui-selected控制其顏色，這使得我們可以設置自己想要的效果*/
/*也可用自定義的主題theme*/
.ui-selected{
background-color: lightskyblue;
}
</style>
</head>
<body>
<script>
$(document).ready(function(){
$("#btn").button();
$("#select").selectable();//可以以a標簽做按鈕使用
$("#btn").on("click",function(){
if($("#right").hasClass("ui-selected")){
alert("恭喜答對了！");
}
});
});
</script>
<strong>窈窕淑女下一句是</strong>
<ul id="select">
<li>A.不知道</li>
<li>B.忘記了</li>
<li id="right">C.君子好逑</li>
</ul>
<a href="#" id="btn">提交</a>
</body>
</html>
Interactions主要包括（droppable,resizeable,selectable,sortable,draggable）
在學習jQuery UI 時感覺是是一通百通的，使用方法比較類似。可圍繞上面三個方面學習。
