>>分享Web前端开发技术,并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
发表一个新主题 开启一个新投票 回复文章 您是本文章第 26243 个阅读者 刷新本主题
 * 贴子主题:  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面向对象编程-->Swing组件(上)
  JavaWeb开发-->Web运作原理(Ⅱ)
  JSP与Hibernate开发-->域对象在持久化层的四种状态
  Java网络编程-->ServerSocket用法详解
  精通Spring-->Vue CLI脚手架工具
  Vue3开发-->绑定CSS样式
  vue3.0 代理Proxy API
  axios.all()解决并发请求
  介绍axios的基本使用(vue中使用axios)
  Velocity.js动画库的使用
  CSS3的@keyframes用法详解
  CSS的style样式的三种用法
  JS 循环删除数组
  Vue的使用方法
  一看就懂得移动端rem布局、rem如何换算
  SQL NULL 值
  jQuery与AJAX的整合简介
  jQuery 添加元素
  CSS 盒子模型
  HTML 头部的元素的用法
  JavaScript中的 this关键字
  更多...
 IPIP: 已设置保密
楼主      
1页 1条记录 当前第1
发表一个新主题 开启一个新投票 回复文章


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