jQuery 常见小例汇总

//这段代码展示了在用户未输入值时，//如何在文本类型的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]);}});});

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

$('button.someClass').live('click', someFunction);//注意，在jQuery 1.4.2中，delegate和undelegate选项//被引入代替live，因为它们提供了更好的上下文支持//例如，就table来说，以前你会用//.live()$("table").each(function(){$("td", this).live("hover", function(){$(this).toggleClass("hover");});});//现在用$("table").delegate("td", "hover", function(){$(this).toggleClass("hover");});

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

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());});

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

var tog = false; $('a').click(function() {   $("input[type=checkbox]").attr("checked",!tog);   tog = !tog; }); 

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

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

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

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}

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