`
chaochaoyuyu
  • 浏览: 53788 次
  • 性别: Icon_minigender_1
  • 来自: 宁波
社区版块
存档分类
最新评论

从liger中学习jQuery的使用方法

 
阅读更多

公司前端用的是LigerUI1.1的框架,趁着这个机会研究了一下作者提供的LigerRMV2实例,从里面学到了平时能够用到的jQuery使用技巧,在此记录

1.jQuery操作文本框移入移出时的CSS变换

//文本框移入移出时的CSS变换方法
            $(".login-text").focus(function ()
            {
                $(this).addClass("login-text-focus");
            }).blur(function ()
            {
                $(this).removeClass("login-text-focus");
            });

 2.jQuery键盘操作

 //jQuery键盘操作
            $(document).keydown(function (e)
            {
                if (e.keyCode == 13)
                {
                    dologin();
                }
            });

 3.ajax异步提交

$.ajax({
                    type: 'post', cache: false, dataType: 'json',
                    url: 'handler/validate.ashx',
                    data: [
                    { name: 'Action', value: 'Login' },
                    { name: 'username', value: username },
                    { name: 'password', value: password }
                    ],
                    success: function (result)
                    {
                        if (!result)
                        {
                            alert('登陆失败,账号或密码有误!');
                            $("#txtUsername").focus();
                            return;
                        } else
                        {
                            location.href = decodeURIComponent(FromUrl);
                        }
                    },
                    error: function ()
                    {
                        alert('发送系统错误,请与系统管理员联系!');
                    },
                    beforeSend: function ()
                    {
                        $.ligerDialog.waitting("正在登陆中,请稍后...");
                        $("#btnLogin").attr("disabled", true);
                    },
                    complete: function ()
                    {
                        $.ligerDialog.closeWaitting();
                        $("#btnLogin").attr("disabled", false);
                    }
                });
 
分享到:
评论

相关推荐

    Jquery Liger UI框架学习

    Jquery Liger UI框架学习 仅供学习使用

    jQuery ligerUI API chm

    不错的JQ 我觉得新手可以看看顺便下载 很不错啊 学习

    jQuery_LigerUI_V1.2.2

    jQuery_LigerUI_V1.2.2学习资料,包含API,开发例子 jQuery_LigerUI_V1.2.2学习资料,包含API,开发例子

    jQuery ligerUI API

    jQuery ligerUI API,较为详细的个人开发学习手册

    jQuery LigerUI

    jQuery LigerUI V1.1.8 内含JQ UI 层展示源码。方便学习jQuery UI 的页面展示。

    Angel工作室LigerUi框架留言板源码 AngelMessageBoards.rar

    本留言板采用asp.net C#+ jquery1.4.1 +ajax+LigerUi框架的实现 。主要jquery ajax静态页面查询添加 数据无刷新效果 二、菜单功能 1、本程序包括源码和编译过的版本 2、如果只是用或者放到空间 直接传入“Web发布...

    DaivOA办公管理系统源码

    采用了大量的Jquery和jquery+Ajax 增强了,用户体验效果。 采用根据权限自定义显示菜单和页面。等等 功能列表和说明: 主菜单:日历表、通知公告、最新任务公司通讯录 人员列表:人员列表的管理(修改信息、重设密码...

    OA办公管理系统源码2012918

    采用的后台模版:Liger UI框架 简介美观,功能强大 采用了大量的Jquery和jquery+Ajax 增强了,用户体验效果。 采用根据权限自定义显示菜单和页面。等等 功能列表和说明: 主菜单:日历表、通知公告、最新任务公司...

    Util:公共组件,Examples chinass.github.ioUtil

    公共组件 在目前的各个项目中,熟悉某一组件的开发人员采用自己熟悉的组件,使用到的前端组件非常多,有Ext、jquery UI、ligerUI、各种不同的附件上传组件、图表组件等等。造成各个项目中用到的组件都不一样,有些...

    CRM系统源码20131206

    系统采用三层开发,运用了抽象工厂模式,使用jQuery LigerUI 框架,功能很简单,适合大家学习 菜单功能: 营销管理:销售机会管理 客户开发计划 客户管理:客户信息管理 客户流失管理 服务管理:服务创建 服务...

Global site tag (gtag.js) - Google Analytics