>> 欢迎您 客人: 登录 | 注册 | 在线 | 搜索 | 风格 | 帮助 | 统计 | 文章 返回首页
>>分享Web前端开发技术，并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
Java技术网站 → 『 Java开发技术 』 → 『 Web前端开发技术专题 』 → jQuery UI使用 入门
发表一个新主题 开启一个新投票 回复文章 您是本文章第 26242 个阅读者 刷新本主题
 * 贴子主题:  jQuery UI使用 入门 回复文章 点赞(0)  收藏  
作者:sunshine    发表时间：2019-08-13 22:59:45     消息  查看  搜索  好友  邮件  复制  引用
  

jQuery UI  使用

     一旦您下载了 jQuery UI，您将得到一个 zip 压缩包，包含下列文件：    
  •   /css/
  •   /development-bundle/
  •   /js/
  •   index.html

在网页上使用 jQuery UI

     在文本编辑器中打开index.html，您将看到引用了一些外部文件：主题、jQuery 和 jQuery UI。通常情况下，您需要在页面中引用这三个文件，以便使用 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();

             点击在新窗口中浏览原图 CTRL+鼠标滚轮放大或缩小





程序猿的技术大观园：www.javathinker.net



[这个贴子最后由 flybird 在 2020-02-22 11:05:25 重新编辑]
Java精品书籍推荐
Java最新视频教程推荐
  Java面向对象编程-->多线程（下）
  JavaWeb开发-->Servlet技术详解（Ⅲ）
  JSP与Hibernate开发-->映射对象标识符
  Java网络编程-->基于MVC和RMI的分布式应用
  精通Spring-->通过Vuex进行状态管理
  Vue3开发-->创建综合购物网站应用
本站其他相关文章
  vue-resource和axios的变迁
  JS中==和===的区别
  在Typescript脚本中使用axios
  JavaScript输出格式化日期和时间
  css3中translate、transform和translation，以及动画animati...
  一个AJAX入门范例
  JavaScript的HTML DOM Input Search 对象
  JavaScript的Window 对象
  JavaScript Error(错误) 对象
  CSS padding（填充）
  HTML的事件属性
  HTML中插入脚本的用法
  JavaScript 语法大全
  JavaScript基础入门
  jQuery Mobile 事件
  更多...
 IPIP: 已设置保密
楼主      
共1页 1条记录 当前第1页
发表一个新主题 开启一个新投票 回复文章

中文版权所有： JavaThinker技术网站 Copyright 2016-2026 沪ICP备16029593号-2
荟萃Java程序员智慧的结晶，分享交流Java前沿技术。  联系我们
如有技术文章涉及侵权，请与本站管理员联系。