`
lengrenhanbing
  • 浏览: 47853 次
  • 性别: Icon_minigender_1
  • 来自: 泰安
社区版块
存档分类
最新评论

Jquery EasyUI学习总结一简单介绍

 
阅读更多

在刚结束的一个项目中,第一次使用了jquery easyui,版本是jquery-easyui-1.2.6,网上下载后解压,里面包含demo、相应的样式文件以及jquery-1.7.2.min.js和jquery.easyui.min.js两个主要的js文件。

之前使用过jquery,所以jquery easyui还是比较容易上手。在使用中要查看相应的demo和api,这样学习比较容易。

一个简单的jquery easyui demo:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<title>Messager - jQuery EasyUI Demo</title>
	<link rel="stylesheet" type="text/css" href="../themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="../themes/icon.css">
	<link rel="stylesheet" type="text/css" href="demo.css">
	<script type="text/javascript" src="../jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="../jquery.easyui.min.js"></script>
	<script> 
		$(function(){
			$.messager.alert('欢迎界面','hello jquery easy ui!','info');
		}); 
 	</script>
</head>
<body>
</body>
</html>


 

官方下载地址:http://www.jeasyui.com/download/index.php

jquery EasyUI中文帮助手册http://www.phptogether.com/juidoc/

 

分享到:
评论

相关推荐

    Jquery EasyUI 日历Demo

    总结起来,"Jquery EasyUI 日历Demo"展示了如何利用这个框架轻松创建一个交互式的日期选择器。通过简单的 HTML 结构和 JavaScript 配置,我们可以快速地将这个功能集成到 Web 应用中,提升用户体验。无论是在表单中...

    jquery-easyui-1.7.0.zip官方文档

    jQuery EasyUI 是一个基于 jQuery 的轻量级框架,它为开发者提供了一系列组件,使得构建交互式、响应式的Web应用程序变得更加简单。在1.7.0版本中,这个强大的工具集进一步优化和完善,为开发者带来了更丰富的功能和...

    李炎恢jQuery EasyUI视频教程

    - **案例1:登录表单**:利用jQuery EasyUI中的表单、按钮和对话框组件实现一个简单的登录界面。 - **案例2:商品列表页**:运用表格组件展示商品信息,并通过工具栏实现筛选和排序功能。 - **案例3:个人中心页面**...

    【jQueryEasyUI总结】

    1. 官方文档:jQueryEasyUI的官方文档详尽地介绍了各个组件的用法和API,是学习的首选资料。 2. 社区论坛:开发者可以在官方论坛和其他社区找到许多实例和解决方案,加快学习进度。 3. 实战项目:参与实际项目,通过...

    JQueryEasyUI整站文件

    总结起来,jQuery EasyUI 是一个强大的前端开发工具,通过其丰富的组件和简单易用的API,可以帮助开发者快速构建响应式的Web应用。理解并熟练掌握 EasyUI 的组件和API,是提升Web开发效率的关键。同时,结合实际项目...

    JQueryEasyui1.3.6+电子书文档+14套主题

    总结来说,《JQueryEasyui1.3.6+电子书文档+14套主题》是开发人员学习和使用jQuery EasyUI的重要资源,无论是初学者还是经验丰富的开发者,都能从中受益,快速构建出高效、美观的Web应用。通过深入学习和实践,你...

    jquery Easyui 后台 系统

    总结,jQuery EasyUI 是一个强大且易用的前端框架,适用于快速构建后台管理系统。通过掌握其主要组件和实践技巧,开发者可以极大地提高工作效率,同时提供用户友好的界面。对于给定的压缩包,开发者可以深入研究,...

    jquery easyui下载教程

    jQuery EasyUI 是一个基于 jQuery 的前端框架...总结来说,jQuery EasyUI是一个强大且易用的前端框架,它的下载和应用过程相对直观。通过深入学习和实践,开发者可以利用它快速构建出功能丰富、美观的Web应用程序界面。

    Jqueryeasyui文档

    总结,jQuery EasyUI 是一个强大且易用的前端框架,它结合了 jQuery 的便利性和丰富的 UI 组件,为开发者带来了高效的开发体验。通过深入学习和理解这份文档,你将能够轻松构建出美观、功能完善的 Web 应用程序。

    1.[jQuery.EasyUI]第1章.jQuery.EasyUI入门

    **jQuery EasyUI 入门...总结,jQuery EasyUI 作为一款强大的前端框架,极大地简化了 Web 开发过程,尤其适合快速构建管理界面。通过掌握其基本概念、安装使用方法以及组件的配置,开发者能迅速上手并发挥出它的优势。

    jquery easyui 中文文手册 以及js文件

    **jQuery EasyUI 中文手册与JS文件详解** ...总结,jQuery EasyUI 提供了丰富的前端组件,中文手册和 CHM 格式的文档方便了国内开发者的学习。通过深入理解和实践,开发者可以利用它轻松构建功能完善的 Web 应用。

    jquery easyui实际项目

    总结,jQuery EasyUI实际项目涵盖了前端开发的关键技术和实践技巧,包括组件使用、数据绑定、事件处理和响应式设计。通过对这个项目的学习,开发者可以迅速掌握EasyUI的精髓,为自己的项目增添强大的功能和美观的...

    Jquery easyui Demo大全

    总结,jQuery EasyUI 是一款强大的前端框架,它的组件丰富、使用简单,为开发者提供了高效构建Web应用的可能。"Jquery easyui Demo大全" 是一份宝贵的学习资源,通过这些示例,你可以快速上手并熟练运用jQuery ...

    jQueryEasyUI入门共2页.pdf.zip

    这个入门教程“jQueryEasyUI入门共2页.pdf”虽然只有两页,但将为初学者提供基本的概念和使用方法,引导他们进入 jQuery EasyUI 的世界。 **jQuery EasyUI 的核心概念** 1. **jQuery**: jQuery 是一个流行的 ...

    jQuery EasyUI 1.5API 中文版

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它简化了网页用户界面开发,提供了丰富的组件和交互功能。1.5 API 中文版文档是这个框架的一个关键资源,为开发者提供了详尽的指南,帮助他们理解和应用这个强大的工具...

    基于SSH + jquery easyui 的一个通讯录Demo

    总结,基于SSH + jQuery EasyUI的通讯录Demo展示了如何利用这些技术构建一个简单的Web应用。通过理解每个部分的作用和相互协作的方式,开发者可以进一步扩展和定制该应用,满足更复杂的需求。同时,这个示例也为我们...

    Jquery easyui1.2 官方离线文档

    jQuery EasyUI 1.2 是一款强大且易用的前端框架,通过官方离线文档,开发者可以系统地学习和应用这个框架。无论是快速构建原型,还是打造复杂的Web应用,jQuery EasyUI都能成为得力的工具。在实际开发中,结合“教程...

    jQuery EasyUI 1.5.5 离线简体中文API文档,皮肤+扩展+演示

    总结,jQuery EasyUI 1.5.5版本提供了一个全面的前端开发解决方案,包含详尽的API文档、完整的开发工具包、多样的皮肤选择、实用的扩展以及生动的演示示例。无论你是初学者还是经验丰富的开发者,这个离线包都能为你...

    jquery easyui API文档

    - **易用性**:EasyUI 提供了一种简单的方式,只需几行代码即可创建复杂的 UI 组件。 - **灵活性**:尽管提供了预定义的 UI 控件,但 EasyUI 允许开发者根据需要定制和扩展这些控件。 - **兼容性**:支持多种浏览器...

Global site tag (gtag.js) - Google Analytics