jQuery 绝对入门

$(document).ready(function() { 
$("#orderedlist li:last").hover(function() { 
$(this).addClass("green"); 
}, function() { 
$(this).removeClass("green"); 
}); 
});

$(document).ready(function() { 
$("#orderedlist").find("li").each(function(i) { 
$(this).html( $(this).html() + " BAM! " + i ); 
}); 
});

$(document).ready(function() { 
// use this to reset a single form 
$("#reset").click(function() { 
$("#form")[0].reset(); 
}); 
});

$(document).ready(function() { 
// use this to reset several forms at once 
$("#reset").click(function() { 
$("form").each(function() { 
this.reset(); 
}); 
}); 
});

$(document).ready(function() { 
$("li").not("[ul]").css("border", "1px solid black"); 
});

$(document).ready(function() { 
$("a[name]").background("#eee"); //原文为“$("a[@name]").background("#eee");”在jQuery1.2及以上版本中,@符号应该去除 
});

$(document).ready(function() { 
$("a[href*=/content/gallery]").click(function() { 
// do something with all links that point somewhere to /content/gallery 
}); 
});

$(document).ready(function() { 
$('#faq').find('dd').hide().end().find('dt').click(function() { 
var answer = $(this).next(); 
if (answer.is(':visible')) { 
answer.slideUp(); 
} else { 
answer.slideDown(); 
} 
}); 
});

$(document).ready(function() { 
$("a").hover(function() { 
$(this).parents("p").addClass("highlight"); 
}, function() { 
$(this).parents("p").removeClass("highlight"); 
}); 
}); 
$(document).ready(callback)的缩写法：$(function) 
$(function() { 
// code to execute when the DOM is ready 
});

$(function() { 
$("a").click(function() { 
alert("Hello world!"); 
}); 
});

$(document).ready(function() { 
// generate markup 
var ratingMarkup = ["Please rate: "]; 
for(var i=1; i <= 5; i++) { 
ratingMarkup[ratingMarkup.length] = "<a href=&#39;#&#39;>" + i + "</a> "; 
} 
// add markup to container and applier click handlers to anchors 
$("#rating").append( ratingMarkup.join(&#39;&#39;) ).find("a").click(function(e) { 
e.preventDefault(); 
// send requests 
$.post("rate.php", {rating: $(this).html()}, function(xml) { 
// format result 
var result = [ 
"Thanks for rating, current average: ", 
$("average", xml).text(), 
", number of votes: ", 
$("count", xml).text() 
]; 
// output result 
$("#rating").html(result.join(&#39;&#39;)); 
} ); 
}); 
});

// lets use the shortcut 
$(function() { 
var addClickHandlers = function() { 
$("a.clickMeToLoadContent").click(function() { 
$("#target").load(this.href, addClickHandlers); 
}); 
}; 
addClickHandlers(); 
});

// get some data 
var foobar = ...; 
// specify handler, it needs data as a paramter 
var handler = function(data) { 
... 
}; 
// add click handler and pass foobar! 
$('a').click( function(event) { handler(foobar); } ); 
// if you need the context of the original handler, use apply: 
$('a').click( function(event) { handler.apply(this, [foobar]); } );

$(document).ready(function() { 
$("a").toggle(function() { 
$(".stuff").hide('slow'); 
}, function() { 
$(".stuff").show('fast'); 
}); 
});

$(document).ready(function() { 
$("a").toggle(function() { 
$(".stuff").animate({ 
height: 'hide', 
opacity: 'hide' 
}, 'slow'); 
}, function() { 
$(".stuff").animate({ 
height: 'show', 
opacity: 'show' 
}, 'slow'); 
}); 
}); 
toggle(fn,fn)

$("#go1").click(function(){ 
$("#block1").animate( { width: "90%"}, { queue: false, duration: 5000 } ) 
.animate( { fontSize: '10em' } , 1000 ) 
.animate( { borderWidth: 5 }, 1000); 
}); 
$("#go2").click(function(){ 
$("#block2").animate( { width: "90%"}, 1000 ) 
.animate( { fontSize: '10em' } , 1000 ) 
.animate( { borderWidth: 5 }, 1000); 
});

<script src="lib/jquery.tablesorter.js" type="text/javascript"></script>

$(document).ready(function() { 
$("#large").tableSorter(); 
});

$(document).ready(function() { 
$("#large").tableSorter({ 
stripingRowClass: ['odd','even'], // Class names for striping supplyed as a array. 
stripRowsOnStartUp: true // Strip rows on tableSorter init. 
}); 
});

var settings = { validate: false, limit: 5, name: "foo" }; 
var options = { validate: true, name: "bar" }; 
jQuery.extend(settings, options);

settings == { validate: true, limit: 5, name: "bar" }

$("...").foobar();

$("...").foobar({ 
value: 123, 
bar: 9 
});

$("input[type='checkbox']").each(function() { 
this.checked = true; 
// or, to uncheck 
this.checked = false; 
// or, to toggle 
this.checked = !this.checked; 
});

$('input:checkbox').each(function() {

$.fn.check = function() { 
return this.each(function() { 
this.checked = true; 
}); 
};

$('input:checkbox').check();

$.fn.check = function(mode) { 
var mode = mode || 'on'; // if mode is undefined, use 'on' as default 
return this.each(function() { 
switch(mode) { 
case 'on': 
this.checked = true; 
break; 
case 'off': 
this.checked = false; 
break; 
case 'toggle': 
this.checked = !this.checked; 
break; 
} 
}); 
};

$("input[type='checkbox']").check(); 
$("input[type='checkbox']").check('on'); 
$("input[type='checkbox']").check('off'); 
$("input[type='checkbox']").check('toggle');

$.fn.rateMe = function(options) { 
var container = this; // instead of selecting a static container with $("#rating"), we now use the jQuery context 
var settings = { 
url: "rate.php" 
// put more defaults here 
// remember to put a comma (",") after each pair, but not after the last one! 
}; 
if(options) { // check if options are present before extending the settings 
$.extend(settings, options); 
} 
// ... 
// rest of the code 
// ... 
return this; // if possible, return "this" to not break the chain 
});