欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jquery easyui使用心得

 更新時(shí)間:2014年07月07日 08:49:36   投稿:hebedich  
jQuery EasyUI是一組基于jQuery的UI插件集合,而jQuery EasyUI的目標(biāo)就是幫助web開發(fā)者更輕松的打造出功能豐富并且美觀的UI界面。

第一步下載jquery easyui 

下載地址:http://www.dbjr.com.cn/codes/70218.html

第二步創(chuàng)建Java web項(xiàng)目

第三步導(dǎo)入相關(guān)的文件。。目錄結(jié)構(gòu)如下

<link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css" rel="external nofollow" rel="external nofollow" rel="external nofollow" > 
<link rel="stylesheet" type="text/css" href="easyui/themes/icon.css" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > 
<script type="text/javascript" src="easyui/jquery-1.7.2.min.js"></script> 
<script type="text/javascript" src="easyui/jquery.easyui.min.js"></script> 

<link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css" rel="external nofollow" rel="external nofollow" rel="external nofollow" >
<link rel="stylesheet" type="text/css" href="easyui/themes/icon.css" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > 
<script type="text/javascript" src="easyui/jquery.min.js"></script>
<script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>

下載個(gè)jquery-easyui-1.3.2使用,把他導(dǎo)入到myeclipse10里,jquery-1.7.2.min.js報(bào)錯(cuò)。

解決辦法:

1、選中報(bào)錯(cuò)的jquery文件“jquery-1.7.2.min.js”。
2、右鍵選擇 MyEclipse-->Exclude From Validation 。
3、再右鍵選擇 MyEclipse-->Run Validation 即可。

ui1的源碼:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
  <base href="<%=basePath%>" rel="external nofollow" >
  
  <title>jquery easyui test 1</title>
  
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">  
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css" rel="external nofollow" >
-->
  <link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css" rel="external nofollow" rel="external nofollow" rel="external nofollow" >
  <link rel="stylesheet" type="text/css" href="easyui/themes/icon.css" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > 
  <!-- <link rel="stylesheet" type="text/css" href="easyui/themes/icon.css" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > -->
<!-- <link rel="stylesheet" type="text/css" href="easyui/demo.css" rel="external nofollow" > -->
<script type="text/javascript" src="easyui/jquery.min.js"></script>
<script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
 </head>
 
 <body>
  <h2>Basic Panel</h2>
<p>The panel is a container for other components or elements.</p>
<div style="margin:20px 0 10px 0;">
<a href="#" rel="external nofollow" rel="external nofollow" class="easyui-linkbutton" onclick="javascript:$('#p').panel('open')">Open</a>
<a href="#" rel="external nofollow" rel="external nofollow" class="easyui-linkbutton" onclick="javascript:$('#p').panel('close')">Close</a>
</div>
<div id="p" class="easyui-panel" title="Basic Panel" style="width:700px;height:200px;padding:10px;">
<p style="font-size:14px">jQuery EasyUI framework helps you build your web pages easily.</p>
<ul>
<li>easyui is a collection of user-interface plugin based on jQuery.</li>
<li>easyui provides essential functionality for building modem, interactive, javascript applications.</li>
<li>using easyui you don't need to write many javascript code, you usually defines user-interface by writing some HTML markup.</li>
<li>complete framework for HTML5 web page.</li>
<li>easyui save your time and scales while developing your products.</li>
<li>easyui is very easy but powerful.</li>
</ul>
</div>

<div id="p" class="easyui-panel" style="width:500px;height:200px;padding:10px;"  
    title="My Panel" iconCls="icon-save" collapsible="true">  
  The panel content  
</div> 
 </body>
</html>


效果圖:

相關(guān)文章

  • 詳解jQuery的核心函數(shù)和事件處理

    詳解jQuery的核心函數(shù)和事件處理

    這篇文章主要為大家介紹了jQuery的核心函數(shù)和事件處理,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助
    2022-01-01
  • jQuery的context屬性用法實(shí)例

    jQuery的context屬性用法實(shí)例

    這篇文章主要介紹了jQuery的context屬性用法,實(shí)例分析了context屬性返回節(jié)點(diǎn)內(nèi)容的使用技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2014-12-12
  • 如何用jQuery實(shí)現(xiàn)ASP.NET GridView折疊伸展效果

    如何用jQuery實(shí)現(xiàn)ASP.NET GridView折疊伸展效果

    我們今天就一個(gè)具體的需求進(jìn)行分析,引出如何用jQuery實(shí)現(xiàn)ASP.NET GridView折疊伸展效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2015-09-09
  • 10個(gè)基于jQuery或JavaScript的WYSIWYG 編輯器整理

    10個(gè)基于jQuery或JavaScript的WYSIWYG 編輯器整理

    10驚人的自由豐富的文本編輯器,將提升您的網(wǎng)站的功能。我已經(jīng)收集了5 jQuery和5個(gè)非jQuery實(shí)時(shí)評價(jià)附帶簡單的功能,具有辦公一樣的功能。
    2010-05-05
  • jQuery學(xué)習(xí)筆記 操作jQuery對象 屬性處理

    jQuery學(xué)習(xí)筆記 操作jQuery對象 屬性處理

    HTML文檔,不但有一系列語義標(biāo)簽,每個(gè)標(biāo)簽下屬還有一系列屬性節(jié)點(diǎn)。自然我們也想去操作這些屬性節(jié)點(diǎn)。格式仍然為$(selector).方法
    2012-09-09
  • Jquery 擴(kuò)展方法

    Jquery 擴(kuò)展方法

    好久沒有溫習(xí)JS了。 最近看到VS2010把Jquery作為JS標(biāo)準(zhǔn)庫納入了Web項(xiàng)目里,再不會用Jquery,真怕自己“OUT”了。
    2010-05-05
  • jQuery之自動(dòng)完成組件的深入解析

    jQuery之自動(dòng)完成組件的深入解析

    本篇文章是對jQuery中的自動(dòng)完成組件進(jìn)行了詳細(xì)的分析介紹,需要的朋友參考下
    2013-06-06
  • 前端必備神器 Snap.svg 彈動(dòng)效果

    前端必備神器 Snap.svg 彈動(dòng)效果

    SVG(可縮放矢量圖形)是基于可擴(kuò)展標(biāo)記語言(標(biāo)準(zhǔn)通用標(biāo)記語言的子集),用于描述二維矢量圖形的一種圖形格式。它由萬維網(wǎng)聯(lián)盟制定,是一個(gè)開放標(biāo)準(zhǔn)。
    2014-11-11
  • jQuery取消ajax請求的方法

    jQuery取消ajax請求的方法

    這篇文章主要介紹了jQuery取消ajax請求的方法,可實(shí)現(xiàn)在Ajax請求超時(shí)的情況下取消請求的功能,需要的朋友可以參考下
    2015-06-06
  • jquery的父子兄弟節(jié)點(diǎn)查找示例代碼

    jquery的父子兄弟節(jié)點(diǎn)查找示例代碼

    這篇文章主要介紹了jquery的父子兄弟節(jié)點(diǎn)的查找方法,需要的朋友可以參考下
    2014-03-03

最新評論