50个比较实用jQuery代码段

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