首先的是配置:javascript
在WebContent下導入jQuery-EasyUI包css
其次在HTML或jsp頁面的<head></head>標籤中,導入或引用js包html
<head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>測試EasyUI</title> <!-- 配置 --> <!-- 1 jQuery的js包 --> <script type="text/javascript" src="jquery-easyui-1.4.4/jquery.min.js"></script> <!-- 2 css資源 --> <link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.4/themes/metro/easyui.css"> <!-- 3 圖標資源 --> <link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.4/themes/icon.css"> <!-- 4 EasyUI的js包 --> <script type="text/javascript" src="jquery-easyui-1.4.4/jquery.easyui.min.js"></script> <!-- 5 本地語言 --> <script type="text/javascript" src="jquery-easyui-1.4.4/locale/easyui-lang-zh_CN.js"></script> </head>
接下來進行簡單的測試,在<head></head>或<body></body>標籤中輸入如下代碼java
<script type="text/javascript"> $( function() { alert("My First EasyUI !") ; } ); </script>
最後咱們打開網頁jquery