rush:js;">
// Selecting all the navigation buttons:
var buttons = $('#navigation a.button');
// We can loop though the collection:
for(var i=0;iirstFour = buttons.slice(0,4);
rush:js;">
(function($){
var random = 0;
$.expr[':'].random = function(a,i,m,r) {
if (i == 0) {
random = Math.floor(Math.random() * r.length);
}
return i == random;
};
})(jQuery);
// This is how you use it:
$('li:random').addClass('glow');
rush:js;">
$.cssHooks['borderRadius'] = {
get: function(elem,computed,extra){
// Depending on the browser,read the value of
// -moz-border-radius,-webkit-border-radius or border-radius
},set: function(elem,value){
// Set the appropriate CSS3 property
}
};
// Use it without worrying which property the browser actually understands:
$('#rect').css('borderRadius',5);
rush:js;">
$('#panel').fadeIn(function(){
// this points to #panel
$('#panel button').click(function(){
// this points to the button
$(this).fadeOut();
});
});
rush:js;">
$('#panel').fadeIn(function(){
// Using $.proxy to bind this:
$('#panel button').click($.proxy(function(){
// this points to #panel
$(this).fadeOut();
},this));
});
这样才正确的执行。$.proxy方法接受两个参数,你最初的方法,还有context。这里阅读更多$.proxy in the docs.。