jquery-常用方法

关闭页面/刷新页面事件：

$(function () {
            $(window).bind('beforeunload', function () {
                return '您输入的内容尚未保存，确定离开此页面吗？';
            });
        });

获取屏幕分辨率：

alert('分辨率:'+screen.width+'/'+screen.height);

 获取时间

function getLocalTime() {
    var myDate = new Date(); //时间实例
    var H = myDate.getHours(); //获取小时
    var M = myDate.getMinutes(); //获取分钟
    var S = myDate.getSeconds(); //获取秒
    var MS = myDate.getMilliseconds(); //获取毫秒

    var milliSeconds = H * 3600 * 1000 + M * 60 * 1000 + S * 1000 + MS;
    return milliSeconds;
}

保留两位小数

alert(parseFloat(10.353).toFixed(2));

ajax格式

$.ajax({
    type: "post",
    url: "ssss",
    contentType: "application/x-www-form-urlencoded; charset=utf-8",//解决中文乱码
    data: { step: "6" },
    dataType: "text",
    success: function (msg) { alert(msg); },
    error: function (XMLHttpRequest, textStatus, errorThrown) { }
});

获取元素节点属性

var title=$li.attr("title");

获取字符在字符串中的位置

说明：返回 String 对象内第一次出现子字符串的字符起始位置,从0开始，没有则返回-1:

var num = str.indexOf("?");

截取字符串

var  str = str.substr(num + 1); 

页面加入收藏夹

function addfav() {

    var url = 'http://172.16.50.52/yxwWeb/pages/index.aspx'; 

    var title = "易行网";

    if (document.all) {

        window.external.AddFavorite(url, title);

    } else if (window.sidebar) {

        window.sidebar.addPanel(title, url, "");

    } else if (window.opera && window.print) {

        var mbm = document.createElement('a');

        mbm.setAttribute('rel', 'sidebar');

        mbm.setAttribute('href', url);

        mbm.setAttribute('title', title);

        //mbm.click();

    }

    else {

        alert("浏览器不支持直接加入收藏夹，请手动添加。");

    }

    window.location.reload();

}

添加删除元素

//复制tbody模快

    $("#companyAdd").click(function () {

        $(this).parent().parent().parent().clone(true).appendTo("#tableCompany");

    });

    //删除tbody模快

    $("#companydel").click(function () {

        //判断tbody个数

        var count = $("#tableCompany tbody").length;

        if (count > 3) {

            $(this).parent().parent().parent().remove();

        }

        else {

            alert("请最少添加一组");

        }

    });

判断浏览器

function browserJudge() {

    //IE

    if ($.browser.msie) {

        //如果是ie6

        if ($.browser.version == "6.0") {

            alert("请使用IE8以上的浏览器，或者切换到IE兼容模式");

            window.location = "../default.aspx";

        }

        // $(function () { alert($.browser.version); });

    }

    //谷歌

    else if ($.browser.safari) {

        // $(function () { alert("this is safari!"); });

    }

    //火狐

    else if ($.browser.mozilla) {

         // alert("暂不支持火狐");

        //  $(function () { alert("this is mozilla!"); });

    }

    //欧朋

    else if ($.browser.opera) {

        // $(function () { alert("this is opera"); });

    }

    else {

        // $(function () { alert("i don't konw!"); });

    }

}

使用jQuery操作Cookies

首先用引用jquery.js和cookie.js

创建Cookie:

 $.cookie(cookie_name, $("#username").val(), { path: '/', expires: 10 });

//用expires设置cookie的过期时间,用path设置cookie保存路径，’/‘为根目录

 获取cookie：

 alert($.cookie("cookie_name"));

删除Cookie 

 $.cookie("cookie_name", null); 

设置cookie一小时后过期：

 var cookietime = new Date();

 cookietime.setTime(date.getTime() + (60 * 60 * 1000)); //coockie保存一小时 

 $.cookie("example", "foo", { expires: cookietime }); 

Jquery操作Array数组

var btn = $("#btn");

            var items = $(".check");

            btn.click(function () {

                var arrays = new Array();

                $.each(items, function (i, item) {

                    if (item.checked) {

                        arrays.push(i);

                    }

                });

                alert(arrays.length);

            });

Jquery操作Array数组

table隔行变色

 $("#tb tr:even").css("background","#888"); 

is事件

说明：点击button显示/隐藏下面的div

代码：

 $("#btn").click(function () {

                var content = $(this).next();

                if (content.is(":visible")) {

                    content.hide();

                }

                else {

                    content.show();

                }

            });

toggle切换事件

代码：

 $(function () {

            $("#btn").toggle(function () { alert("不爱我"); }, function () { alert("爱我"); });

        });

hover悬停事件

说明：hover(entet,leaver)方法用于模拟光标悬停事件

代码：

$(function () {

            $("#btn").hover(function () { alert("不爱我"); }, function () { alert("爱我"); });

        });

操作样式

获取样式

  $("div").attr("class");

设置样式

 $("div").attr("class", "highLight");

追加样式

 $("div").addClass("highLight");

删除全部样式

 $("div").removeClass();

删除指定样式

 $("div").removeClass("highLight");

重复切换样式

$("div").toggleClass("highLight");

判断元素是否含有样式

 $("div").hasClass("highLight");

 $("div").is(".highLight");

one一次性事件

 $("#btn").one("click",function () {

                alert(11);

            });

绑定事件/移除事件

           //绑定事件

            $("#btn").bind("click", myfun1 = function () {

                alert(11);

            });

            //移除事件

            //第一个参数是数据类型，第二个参数是将要删除的函数，如果没有参数则删除所有绑定的事件

            $("#btn1").click(function () { $("#btn").unbind(); });