50個必備的實用jQuery代碼段

21. 如何替換串中的詞

var el = $('#id');  
    el.html(el.html().replace(/word/ig, '')); 

22. 如何禁用右鍵單擊上下文菜單：

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

23. 如何定義一個定製的選擇器

$.expr[':'].mycustomselector = function(element, index, meta, stack){  
// element- 一個DOM元素  
// index ? 棧中的當前循環索引  
// meta ? 有關選擇器的元數據  
// stack ? 要循環的所有元素的棧  
// 如果包含了當前元素就返回true  
// 如果不包含當前元素就返回false };  
// 定製選擇器的用法：  
$('.someClasses:test').doSomething(); 

24. 如何檢查某個元素是否存在

if ($('#someDiv').length) {  
//萬歲！！！它存在……  
} 

25. 如何使用jQuery來檢測右鍵和左鍵的滑鼠單擊兩種情況：

$("#someelement").live('click', function(e) {  
    if( (!$.browser.msie && e.button == 0) || ($.browser.msie && e.button == 1) ) {  
        alert("Left Mouse Button Clicked");  
    } else if(e.button == 2) {  
        alert("Right Mouse Button Clicked");  
    }  
}); 

26. 如何顯示或是刪除input域中的默認值

//這段代碼展示了在用戶未輸入值時，  
//如何在文本類型的input域中保留  
//一個默認值  
wap_val = [];  
$(".swap").each(function(i){  
    wap_val[i] = $(this).val();  
    $(this).focusin(function(){  
        if ($(this).val() == swap_val[i]) {  
            $(this).val("");  
        }  
    }).focusout(function(){  
        if ($.trim($(this).val()) == "") {  
            $(this).val(swap_val[i]);  
        }  
    });  
}); 

27. 如何在一段時間之後自動隱藏或關閉元素（支持1.4版本）：

//這是1.3.2中我們使用setTimeout來實現的方式  
setTimeout(function() {  
  $('.mydiv').hide('blind', {}, 500)  
}, 5000);  
//而這是在1.4中可以使用delay()這一功能來實現的方式（這很像是休眠）  
$(".mydiv").delay(5000).hide('blind', {}, 500); 

28. 如何把已創建的元素動態地添加到DOM中：

var newDiv = $('');  
    newDiv.attr('id','myNewDiv').appendTo('body'); 

29. 如何限制「Text-Area」域中的字元的個數：

jQuery.fn.maxLength = function(max){  
    this.each(function(){  
        var type = this.tagName.toLowerCase();  
        var inputType = this.type? this.type.toLowerCase() : null;  
        if(type == "input" && inputType == "text" || inputType == "password"){  
            //Apply the standard maxLength  
            this.maxLength = max;  
        }  
        else if(type == "textarea"){  
            this.onkeypress = function(e){  
                var ob = e || event;  
                var keyCode = ob.keyCode;  
                var hasSelection = document.selection? document.selection.createRange().text.length > 0 : this.selectionStart != this.selectionEnd;  
                return !(this.value.length >= max && (keyCode > 50 || keyCode == 32 || keyCode == 0 || keyCode == 13) && !ob.ctrlKey && !ob.altKey && !hasSelection);  
            };  
            this.onkeyup = function(){  
                if(this.value.length > max){  
                    this.value = this.value.substring(0,max);  
                }  
            };  
        }  
    });  
};  
//用法  
$('#mytextarea').maxLength(500); 

30. 如何為函數創建一個基本的測試

//把測試單獨放在模塊中  
module("Module B");  
test("some other test", function() {  
    //指明測試內部預期有多少要運行的斷言  
    expect(2);  
    //一個比較斷言，相當於JUnit的assertEquals  
    equals( true, false, "failing test" );  
    equals( true, true, "passing test" );  
}); 

var cloned = $('#somediv').clone(); 

if($(element).is(':visible') == 'true') {  
    //該元素是可見的  
} 

jQuery.fn.center = function () {  
    this.css('position','absolute');  
    this.css('top', ( $(window).height() - this.height() ) / +$(window).scrollTop() + 'px');  
    this.css('left', ( $(window).width() - this.width() ) / 2+$(window).scrollLeft() + 'px');  
    return this;  
}  
//這樣來使用上面的函數：  
$(element).center(); 

var arrInputValues = new Array();  
$("input[name='table[]']").each(function(){  
    arrInputValues.push($(this).val());  
}); 

(function($) {  
    $.fn.stripHtml = function() {  
        var regexp = /<("[^"]*"|'[^']*'|[^'">])*>/gi;