jquery常用技巧

在jQuery中如何使用.siblings()来选择同辈元素

// 不这样做  
$('#nav li').click(function(){ 
　　$('#nav li').removeClass('active'); 
　　$(this).addClass('active'); 
});
//替代做法是  
$('#nav li').click(function(){ 
　　$(this).addClass('active').siblings().removeClass('active'); 
});

如何把一个元素放在屏幕的中心位置：

jQuery.fn.center = function () { 
　　return this.each(function(){
　　　　$(this).css({
　　　　　　position:'absolute',
　　　　　　top, ( $(window).height() - this.height() ) / 2 + $(window).scrollTop() + 'px', 
　　　　　　left, ( $(window).width() - this.width() ) / 2 + $(window).scrollLeft() + 'px' 　　　　});
　　});
}
//这样来使用上面的函数：   
$(element).center(); 

如何切换页面上的所有复选框：

var tog = false; 
// 或者为true，如果它们在加载时为被选中状态的话  
$('a').click(function() { 
　　$("input[type=checkbox]").attr("checked",!tog); 
　　tog = !tog;
});

如何获得鼠标垫光标位置x和y

$(document).ready(function() { 
　　$(document).mousemove(function(e){ 
　　　　$(’#XY’).html(”X Axis : ” + e.pageX + ” | Y Axis ” + e.pageY); 
　　});
});

如何扩展String对象的方法

$.extend(String.prototype, {
        isPositiveInteger:function(){
            return (new RegExp(/^[1-9]\d*$/).test(this));
        },
        isInteger:function(){
            return (new RegExp(/^\d+$/).test(this));
        },
        isNumber: function(value, element) {
            return (new RegExp(/^-?(?:\d+|\d{1,3}(?:,\d{3})+)(?:\.\d+)?$/).test(this));
        },
        trim:function(){
            return this.replace(/(^\s*)|(\s*$)|\r|\n/g, "");
        },
        trans:function() {
            return this.replace(/&lt;/g, '<').replace(/&gt;/g,'>').replace(/&quot;/g, '"');
        },
        replaceAll:function(os, ns) {
            return this.replace(new RegExp(os,"gm"),ns);
        },         skipChar:function(ch) {
            if (!this || this.length===0) {return '';}
            if (this.charAt(0)===ch) {return this.substring(1).skipChar(ch);}
            return this;
        },
        isValidPwd:function() {
            return (new RegExp(/^([_]|[a-zA-Z0-9]){6,32}$/).test(this)); 
        },
        isValidMail:function(){
            return(new RegExp(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/).test(this.trim()));
        },
        isSpaces:function() {
            for(var i=0; i<this.length; i+=1) {
                var ch = this.charAt(i);
                if (ch!=' '&& ch!="\n" && ch!="\t" && ch!="\r") {return false;}
            }
            return true;
        },
        isPhone:function() {
            return (new RegExp(/(^([0-9]{3,4}[-])?\d{3,8}(-\d{1,6})?$)|(^\([0-9]{3,4}\)\d{3,8}(\(\d{1,6}\))?$)|(^\d{3,8}$)/).test(this));
        },
        isUrl:function(){
            return (new RegExp(/^[a-zA-z]+:\/\/([a-zA-Z0-9\-\.]+)([-\w .\/?%&=:]*)$/).test(this));
        },
        isExternalUrl:function(){
            return this.isUrl() && this.indexOf("://"+document.domain) == -1;
        }
    });

如何规范化写jQuery插件：

(function($){
    $.fn.extend({
        pluginOne: function(){
            return this.each(function(){
                // my code             
             });
        },
        pluginTwo: function(){
            return this.each(function(){
                // my code             
             });
        }
    });
})(jQuery);