从liger中学习jQuery的使用方法

最新推荐文章于 2018-10-18 15:04:03 发布

chaoyuyuchaoi

最新推荐文章于 2018-10-18 15:04:03 发布

阅读量142

点赞数

分类专栏： jQuery 文章标签： javascript 前端 ViewUI

本文链接：https://blog.csdn.net/chaoyuyuchaoi/article/details/84220199

版权

jQuery 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

公司前端用的是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);
                    }
                });