使用 jQuery UI
来源:互联网 发布:好的淘宝零食店铺 编辑:程序博客网 时间:2024/06/07 00:37
通常情况下,您需要在页面中引用这三个文件,以便使用 jQuery UI 的窗体小部件和交互部件:
- <link rel="stylesheet" href="css/themename/jquery-ui.custom.css" />
- <script src="js/jquery.min.js"></script>
- <script src="js/jquery-ui.custom.min.js"></script>
一旦您引用了这些必要的文件,您就能向您的页面添加一些 jQuery 小部件。比如,要制作一个日期选择器(datepicker)小部件,您需要向页面添加一个文本输入框,然后再调用 .datepicker()
,如下所示:
HTML:
- <input type="text" name="date" id="date" />
JavaScript:
- $( "#date" ).datepicker();
jQuery UI 基础:使用选项
jQuery UI 中的每个插件都有一个默认配置,默认配置值一般是根据最基本最常见的使用情况设置的。如果您想要让某个插件设置成非默认值,您可以使用 "options" 重写它的默认设置。选项是一组属性,作为参数传递给 jQuery UI 小部件。例如,滑块(slider)小部件具有 orientation 选项,该选项允许您指定滑块是水平的还是垂直的。为了设置滑块的该选项,您只需将它作为一个参数传递,如下所示:
- $( "#mySliderDiv" ).slider({
- orientation: "vertical"
- });
您可以传递更多不同的选项,每个选项之间用逗号分隔:
- $( "#mySliderDiv" ).slider({
- orientation: "vertical",
- min: 0,
- max: 150,
- value: 50
- });
请记得选项需放在大括号 { }
内。上面的实例只是一个简单的讲解,如需获取整套 jQuery UI 小部件的详细信息,请查看 jQuery UI 实例。
阅读全文
0 0
- jQuery Slider UI使用
- jQuery UI Tab 使用
- Jquery ui tabs 使用
- jquery ui datepicker使用
- 使用 jQuery UI AutoComplete
- jquery ui droppable使用
- jquery-ui 使用总结
- jquery ui的使用
- jQuery UI使用
- jQuery UI的使用
- jquery ui 的使用
- jquery ui theme 使用
- jquery.ui.draggable使用
- 使用 jQuery UI Dialog
- 使用 jQuery UI 主题
- jQuery UI 使用
- jquery-ui的使用
- 使用 jQuery UI Dialog
- qt的基本操作
- HDU 1232 畅通工程 【简单并查集】
- ubuntu16 Intellij Idea Install&config
- MySQL常用命令
- 正则表达式
- 使用 jQuery UI
- 进程控制块、进程上下文
- HDU6070Dirt Ratio
- L2-001. 紧急救援
- TP中的session和cookie
- 数据分析中非常实用的自编函数和代码模块整理
- 几个异常记录
- IO流——装饰和继承的区别
- UVa10129 例题 6-16 单词(Play On Words)