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学习教程

jquery+ajax实现直接提交表单实例分析
本文实例讲述了jquery+ajax实现直接提交表单的方法。分享给大家供大家参考，具体如下：这里给出查看帮助文档的例子scriptsrc="jquery-1.4.4.js"/scriptscript$(fun

jQuery插件uploadify实现ajax效果的图片上传
昨天做了一天的ajax效果的图片上传，就是想让自己学的更加的精一些，所以看了很多第三方的控件，最后还是选择了uploadify这个控件，主要原因是比较

jQuery无刷新上传之uploadify3.1简单使用
昨天在网上找到了一个叫做uploadify的jquery上传插件，看到有几篇文章也是介绍这个插件的，心想何不用这个试试。不过网上的这几篇文章用到的uploadify