50个必备的实用jQuery代码段(1)(5)

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

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

42. 如何基于一些输入文本来过滤一个元素列表：

//如果元素的值和输入的文本相匹配的话  
//该元素将被返回  
$('.someClass').filter(function() {  
    return $(this).attr('value') == $('input#someId').val();  
}) 

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

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

44. 如何把整个的列表元素（List Element，LI）变成可点击的

$("ul li").click(function(){  
  window.location=$(this).find("a").attr("href");  
  return false;  
}); 

<ul>  
<li><a href="#">Link 1</a></li>  
<li><a href="#">Link 2</a></li>  
<li><a href="#">Link 3</a></li>  
<li><a href="#">Link 4</a></li>  
</ul> 

45. 如何使用jQuery来解析XML（基本的例子）：

function parseXml(xml) {  
    //找到每个Tutorial并打印出author  
    $(xml).find("Tutorial").each(function() {  
        $("#output").append($(this).attr("author") + "");  
    });  
} 

46. 如何检查图像是否已经被完全加载进来

$('#theImage').attr('src', 'image.jpg').load(function() {  
    alert('This Image Has Been Loaded');  
}); 

47. 如何使用jQuery来为事件指定命名空间：

//事件可以这样绑定命名空间  
$('input').bind('blur.validation', function(e){  
// ...  
});  
//data方法也接受命名空间  
$('input').data('validation.isValid', true); 

48. 如何检查cookie是否启用

var dt = new Date();  
dt.setSeconds(dt.getSeconds() + 60);  
document.cookie = "cookietest=1; expires=" + dt.toGMTString();  
var cookiesEnabled = document.cookie.indexOf("cookietest=") != -1;  
if(!cookiesEnabled) {  
//没有启用cookie  
} 

49. 如何让cookie过期：

var date = new Date();  
date.setTime(date.getTime() + (x * 60 * 1000));  
$.cookie('example', 'foo', { expires: date }); 

50. 如何使用一个可点击的链接来替换页面中任何的URL

$.fn.replaceUrl = function() {  
    var regexp = /((ftp|http|https)://(w+:{0,1}w*@)?(S+)(:[0-9]+)?(/|/([w#!:.?+=&%@!-/]))?)/gi;  
    this.each(function() {  
        $(this).html(  
            $(this).html().replace(regexp,'<a href="$1">$1</a>‘)  
        );  
    });  
    return $(this);  
}  
//用法　  
$('p').replaceUrl(); 

原文：http://www.woiweb.net/50-jquery-snippets-for-developers.html