JQuery版本下载地址：http://jquery.com/download/
JQuer UI两个主要下载地址：http://jqueryui.com/download/ 只需要里面的jquery-ui.min.css和jquery-ui.min.js文件
导入文件到WebRoot/js
在WebRoot/jquery/other.jsp里面添加导入代码
<html>
<head lang="en">
<meta charset="utf-8">
<title></title>
<script src="../js/jquery-1.12.3.min.js"></script>
<script src="../js/jquery-ui.min.js"></script>
<link type="text/css" href="../js/jquery-ui.min.css" rel="stylesheet">
<script type="text/javascript">
$(document).ready(function(){
$( "#date" ).datepicker();
});
$(function() {
$( "#dialog" ).dialog();
$("#div").draggable();
});
</script>
</head>
<body>
<div style="width:200px;height:200px;border:1px solid gray;" id="div"></div>
<input type="text" name="date" id="date" />
<div id="dialog" title="我好想你">
<p>好爱你哦</p>
</div>
</body>
</html>
时间： 2024-08-28 00:15:37