jQuery UI Bootstrap是什么?
jQuery UI Bootstrap是一个将jQuery UI集成到Bootstrap上的CSS框架,jQuery UI Bootstrap不仅可以利用jQuery UI强大的控件库,同时还可以享受Bootstrap那种清新自然的主题风格,所以越来越多的前端开发者都在使用jQuery UI Bootstrap。
jQuery UI Bootstrap的特点
----- 基于jQuery UI,因此控件功能非常强大,可以使用全部的jQuery UI控件。
----- 基于Bootstrap,不同控件有了统一的外观。
----- 免费开源,你可以很方便地下载和使用。
jQuery UI Bootstrap常用控件的使用
下面我们来介绍几个最常用的jQuery UI Bootstrap控件,使用方法都非常简单。
jQuery UI Bootstrap 按钮
// Button $('button').button(); // Anchors, Submit $('.button').button();
jQuery UI Bootstrap 对话框
// Dialog Link $('#dialog_link').click(function () { $('#dialog_simple').dialog('open'); return false; }); // Modal Link $('#modal_link').click(function () { $('#dialog-message').dialog('open'); return false; }); // Dialog Simple $('#dialog_simple').dialog({ autoOpen: false, width: 600, buttons: { "Ok": function () { $(this).dialog("close"); }, "Cancel": function () { $(this).dialog("close"); } } }); // Dialog message $("#dialog-message").dialog({ autoOpen: false, modal: true, buttons: { Ok: function () { $(this).dialog("close"); } } });
jQuery UI Bootstrap 日期选择器
// Datepicker $('#datepicker').datepicker({ inline: true });
jQuery UI Bootstrap 菜单
//####### Menu $("#menu").menu();
jQuery UI Bootstrap还有很多控件,这里就不一一列举了,大家可以前往其官方网站下载使用。
本文链接:http://www.codeceo.com/article/jquery-ui-bootstrap.html
本文作者:码农网 – 小峰
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
如果大家还想深入学习,可以点击这里进行学习,再为大家附一个精彩的专题:Bootstrap学习教程
- BootstrapTable+KnockoutJS自定义T4模板快速生成增删改查页面
- WebApi+Bootstrap+KnockoutJs打造单页面程序
- Bootstrap与KnockoutJs相结合实现分页效果实例详解
- 使用BootStrap实现用户登录界面UI
- 基于Bootstrap的UI扩展 StyleBootstrap
- 通过Tabs方法基于easyUI+bootstrap制作工作站
- jquery ui bootstrap 实现自定义风格
- JS表格组件神器bootstrap table详解(基础版)
- 基于Bootstrap+jQuery.validate实现Form表单验证
- Knockout结合Bootstrap创建动态UI实现产品列表管理
相关文章
Jquery+Ajax+PHP+MySQL实现分类列表管理(上)
本文将采用Jquery+Ajax+PHP+MySQL来实现一个客户分类列表的管理,如何利用Ajax和Json技术让用户操作起来觉得更轻松,感兴趣的小伙伴们可以参考一下2015-10-10jquery对所有input type=text的控件赋值实现方法
下面小编就为大家带来一篇jquery对所有input type=text的控件赋值实现方法。小编觉的挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-12-12从零开始学习jQuery (四) jQuery中操作元素的属性与样式
本篇文章讲解如何使用jQuery获取和操作元素的属性和CSS样式. 其中DOM属性和元素属性的区分值得大家学习.2011-02-02
最新评论