Web开发中如何应用Jquery UI

 时间:2024-10-15 00:42:44

1、首先我们要去Jquery UI的官网下载其源文件,目录结构如下图所示,主要包括CSS和JS文件

Web开发中如何应用Jquery UI

2、然后我们新建一个WEB页面项目目录,如下图所示,包括一个html页面,CSS和亭盍誓叭JS文件都是Jquery UI里的

Web开发中如何应用Jquery UI

3、然后在页面中导入CSS和JS的库文件,如下图所示,注意先导入Jquery,然后导入jquery ui的JS文件

Web开发中如何应用Jquery UI

4、接下来我们在页面中导入一个input元素,如下图所示,给其一个id属性

Web开发中如何应用Jquery UI

5、然后我们在script的初始化程序中,对input进行初始化,如下图所示,调用datepicker即可

Web开发中如何应用Jquery UI

6、最后,我们运行页面的时候,当你的鼠标给input焦点的时候,日期控件就出来了,如下图所示

Web开发中如何应用Jquery UI

7、综上所述,web开发中运用jquery ui其实很容易,你只需要熟悉其中的方法,然后调用即可

  • 如何向Mysql数据库中插入中文字符
  • vs2010怎么添加单元测试项目
  • MySQL 导入*.SQL文件
  • GitHub删除项目文件
  • 数据挖掘流程
  • 热门搜索
    血热是怎么回事 公共自行车怎么收费 台账怎么做 微信视频聊天怎么开美颜 ie浏览器怎么下载 怎么看朋友圈访客记录 微星显卡怎么样 刘禅怎么死的 凉拌秋葵怎么做 淘宝开店怎么上传宝贝