01 jquery easyui 入门示例

第一步 引入所需样式和JS文件

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

第二步 编写消息提示框

函数说明:


$.messager.alert


title, msg, icon, fn


显示一个提示窗口。参数:
title:显示在头部面板的标题文字。
msg:显示的消息文字。
icon:显示图标的图片。可用的值是: error、question、info、warning。
fn:窗口关闭时触发的回调函数。

$().ready(function(){
    //设置消息Messager
    $.messager.alert(‘标题‘,‘Hello Word‘,‘error‘,function(){
        alert(‘回掉函数‘);
    });
});

第三步 效果图

时间: 2024-10-06 05:43:41

01 jquery easyui 入门示例的相关文章

jQuery EasyUI入门视频教程【20讲】

jQuery EasyUI入门视频教程[20讲] jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面.非职业讲师孙宇讲授,全20讲.

jQuery EasyUI入门

什么是jQuery EasyUI? jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面.开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签. jQuery EasyUI的特点 1.基于jquery用户界面插件的集合 2.为一些当前用于交互的js应用提供必要的功能 3.EasyUI支持两种渲染方式分别为javascrip

第 1 章 jQuery EasyUI 入门

学习要点: 1.什么是 jQuery EasyUI 2.学习 jQuery EasyUI 的条件 3.jQuery EasyUI 的功能和优势 4.其他的 UI 插件 5.是否兼容低版本 IE 6.下载及运行 jQuery EasyUI 在正式了解 jQuery EasyUI 之前,我们先了解一下什么是 jQuery EasyUI.它的学习条件.市场上的同类产品.所支持的浏览器等.然后配置运行 jQuery EasyUI. 一.什么是 jQuery EasyUI jQuery EasyUI 是一

jQuery EasyUI 入门简介

对于前端开发者来说,在开发过程中应用"框架"这一工具,可以极大的缩短开发时间,提高开发效率.今天我们就开介绍一款常用的框架--jQuery EasyUI. 那什么是jQuery EasyUI呢? jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面.开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签.然后就可以

JQuery EasyUI入门视频教程

下载地址:百度网盘下载 课程目录( G  I4 H5M  I   第01课(大概介绍一下easyui,和组织的地址,官方网站等)   第02课(介绍easyloader组件和easyui怎样使用)   第03课(parser组件panel组件)   第04课(通过用户登录来演示dialog.ajax的使用,serialize方法的使用,前后台怎样交互等)4 L( N& Z7 J; j( B6 V   第05课(讲解easyui的form控件.validatebox控件.怎样跟后台交互)   第0

easyui 入门指南

所有easyui组件都有,属性,方法,事件,用户可以简单的对其扩展. 属性 属性定义在 jQuery.fn.{plugin}.defaults中.例如, 对话框组件[dialog]的属性定义在jQuery.fn.dialog.defaults. 事件事件(回调函数)也定义在jQuery.fn.{plugin}.defaults. 方法调用方法语法: $('selector').plugin('method', parameter);相信$('selector')中的'selector'大家只要使

用户界面框架jQuery EasyUI示例大全之Tree

<jQuery EasyUI最新试用版免费下载> jQuery EasyUI致力于帮助web开发者更轻松的打造出功能丰富并且美观的UI界面.jQuery EasyUI提供了基于当下流行的jQuery core和HTML5的控件,助您打造适合当今网络的应用程序. 基本树 本示例主要演示了jQuery EasyUI基本的树,在左边可点击展开或折叠节点的箭头.[另附源代码供大家参考] |在线Demo 动画树 本示例主要演示了jQuery EasyUI的动画树,将'animate'属性设置为true可

jQuery EasyUI之DataGrid使用示例

jQuery EasyUI是一个轻量级的Web前端开发框架,提供了很多的现成组件帮助程序员减轻前端代码开发量,之前有个项目中就用到了其中的DataGrid. jQuery EasyUI框架的官方主页:http://www.jeasyui.com/demo/main/index.php.可以下载完整开发包,里面有示例代码可以参考. 由于我使用的是ASP.NET webform技术,下面我就贴出主要的代码以供参考. 在页面中首先要引用相关的css以及js文件,这样才能使用该组件. css部分:  <

用户界面框架jQuery EasyUI示例大全之切换按钮和分页演示

<jQuery EasyUI最新试用版免费下载> jQuery EasyUI致力于帮助web开发者更轻松的打造出功能丰富并且美观的UI界面.jQuery EasyUI提供了基于当下流行的jQuery core和HTML5的控件,助您打造适合当今网络的应用程序. 基本的切换按钮 本演示主要展示了基本的切换按钮,点击切换按钮来改变其状态.[另附源代码供大家参考] |在线Demo 切换按钮操作 本演示主要展示了切换按钮操作,点击按钮来执行操作.[另附源代码供大家参考] |在线Demo 基本的分页 本