jQuery UI

時間 2019-11-11

標籤 jquery 欄目 JQuery 简体版

原文原文鏈接

jQuery UI

其創建在 jQuery JavaScript 庫上。大體涉及三方面：用戶界面交互（與鼠標交互相關的內容）、特效（提供豐富的動畫）、小部件（主要是一些界面的擴展）及主題css

先來看一個用jQuery UI實現一個簡單的選擇題html

<!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

在學習jQuery UI 時感受是是一通百通的，使用方法比較相似。可圍繞上面三個方面學習。學習

1. jQuery UI
2. jquery ui
3. Jquery UI
4. JQuery UI 入門
5. 學習jQuery UI
6. jQuery ui 框架
7. JS——jquery UI
8. 學習 jQuery UI
9. jQuery UI(五)
10. jQuery筆記——UI
更多相關文章...
• jQuery Mobile CSS 類 - jQuery Mobile 教程
• jQuery Mobile 網格 - jQuery Mobile 教程
• RxJava操作符（六）Utility
• Github 簡明教程

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。