07-JQuery插件应用

本教程主要以Jquery UI为例，简单介绍Jquery插件的使用。

使用JQuery UI提供的基本功能，需要如下文件支持:

(1) jquery-ui.css

(2) jquery.js

(3) jquery-ui.js

jquery ui主题风格:可以通过如下网站地址选择风格或者自定义

https://jqueryui.com/themeroller/

一、JqueryUI-Autocomplete

    
        
        
        
        
        
        
        
    
    
        

            
JqueryUI实现Autocomplete自动补全
            
            
        
    

二、JqueryUI实现draggable(拖拽)插件

三、JqueryUI实现折叠面板

    
        
        
        
        
        
                
        
    
    
        

            
游戏竞技
            

                
            
            
娱乐天地
            

                
            
            
科技教育
            

                
            
            
视频直播
            

                
            
        
    

四、queryUI实现日历控件

    
        
        
        
        
        
        
        
        
    
    
        
        
日期：
        
        
    

五、JqueryUI实现Tab选项卡

    
        
        
        
        
        
        
        
    
    
        

            

                
JavaScript介绍
                
JQuery介绍
                
ASP.NET介绍
            
            

                JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。
                它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，
                最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
            
            

                jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。
                jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。
                它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
            
            

                ASP.NET又称为ASP+，不仅仅是ASP的简单升级，而是微软公司推出的新一代脚本语言。
                ASP.NET基于.NET Framework的Web开发平台，不但吸收了ASP以前版本的最大优点并参照Java、VB语言的开发优势加入了许多新的特色，
                同时也修正了以前的ASP版本的运行错误。                
            
        
    

六、JqueryUI实现Dialog对话框

    
        
        
        
        
               
        
        
    
    
        

            
是否确定要删除此信息,删除后无法恢复。
        
        

            
                
                
姓名
                
性别
                
专业
                
爱好
                
操作
            
            

                
刘备
                
男
                
软件开发
                
抽烟
                
删除
            
            

                
关羽
                
男
                
国际贸易
                
喝酒
                
删除
            
            

                
张飞
                
男
                
园林设计
                
烫头发
                
删除
            
            

                
赵云
                
男
                
平面设计
                
抽烟
                
删除
            
            

                
黄忠
                
男
                
影视制作
                
玩游戏
                
删除
            
            

                
小乔
                
女
                
高级护理
                
唱歌
                
删除
            
        
        
    

七、JqueryUI实现Tooltip提示框

    
        
        
        
        
        
            
        
    
    
        

            JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。
            它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，
            最早是在
            HTML
            （标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
        
    

八、JqueryUI更换主题

https://jqueryui.com/themeroller/，在这个地址提供了一套工具，可以下载JqueryUI所有的风格主题，也可以在工具里面自定义主题样式后在进行下载。
将下载的主题文件夹复制粘贴到项目中，引入样式表文件即可实现主题的更换，例如：

九、幻灯片插件slidr

此插件与JqueryUI没有关系，可以在教学资料中找到该插件的官方Demo。