powiększenie wartości atrybutów css o 1
$('#ground').css('left', function(index, value) {
return parseInt(value) + 1;
})
ustalenie wielu wartości w css na raz
$('#ground').css({
left: 100,
top: 100
})
animacja jedna po drugiej
$('#ground').animate({left: 100}).animate({top: 100});
dwie animacje na raz
$('#ground').animate({left: 100, top: 100});
albo
$('#ground').animate({left: 100}).animate({top: 100},{queue: false});
albo
$('#ground').animate({left: 100}).animate({top: 100}).dequeue();
zatrzymanie animacji
$('#ground').stop();
czyszczenie kolejki animacji
$('#ground').clearQueue();
opóźnienie
$('#ground').fadeIn().delay(2000).fadeOut();
bind - obsługa zdarzeń ale tylko dla elementów które są już na stronie w momencie wywołania kodu
$('#ground').bind('click', function() {
alert("Clicked")
});
robi to samo co to
$('#ground').click(function() {alert("Clicked")});
delegate - działa tak jak bind ale też dla potomnych
$('#world').delegate('#ground', 'click', function() {
alert("Clicked")
});
usuwanie obsługi zdarzeń
.unbind() .undelegate()
w jquery 1.7 bind i delegate zastąpione przez
.on() .off()
przypisanie wartości do obiektu. http://ejohn.org/blog/html-5-data-attributes/
$('#ground').data('iloscZyc' , 5);
remove() - usuwa element. detach() - usuwa element ale pozwala go później przywrócić.
definiowanie przestrzeni nazw
var cocktail = {};
cocktail.shake = function (){...}
ncocktail.stir = function (){...}
albo
var cocktail = {
shake: function (){...}
stir: function (){...}
};