jQuery代码片段

禁用页面右键菜单

$(document).bind('contextmenu', function(){
    return false;
});

浏览器判断

$.browser.version

$.browser.mozilla、$.browser.safari、$.browser.chrome、$.browser.opera、$.browser.msie

返回顶部

$.fn.scrollTo = function(speed){
    var iTop = $(this).offset().top;
    $('html, body').stop().animate({
        scrollTop: iTop
    }, speed);
    return this;
};

滚动到某区域

function autoscroll(selector) {
    $('html,body').animate({
        scrollTop: $(selector).offset().top
    },500);
}

鼠标位置

$(document).mousemove(function(e){
    console.log(e.pageX, e.pageY);
});

居中

$.fn.center = function(){
    this.css({
        'position': 'absolute',
        'top': ($(window).height() - this.height()) / 2 + $(window).scrollTop() + 'px',
        'left': ($(window).width() - this.width()) / 2 + $(window).scrollLeft() + 'px'
    });
    return this;
};

自定义选择器

$.extend($.expr[':'], {
    'yourSelecter': function(){}
});

检测鼠标按键

$(document).mousedown(function(e){
    console.log(e.which); //1:左, 2:中, 3:右
});

取消Ajax请求

var xhr = $.ajax({});
xhr.abort();

图片预加载

function preloadImages() {
    for(var i = 0; i < arguments.length; i++) {
        $("<img />").attr('src', arguments[i]);
    }
}

iframe操作

//在父窗口选iframe元素
$(window.frames['frame'].document).find('selector')
//在iframe中选父窗口元素
$(window.parent.document).find('selector')

全局Ajax设置

$(el).ajaxStart(function(){
    //开始
}).ajaxComplete(function(){
    //成功
});

关闭所有动画

$.fx.off = true;

jQuery版本冲突

var jq = jQuery.noConflict();
jq('selector').hide();

$('selector').show();
上一篇:hdu 4628 Pieces


下一篇:一张图搞定OAuth2.0