jQuery nos métodos css() e attr()

Ola pessoal
Queria saber, qual a diferença de se usar os métodos .css() e .attr() do jQuery, veja abaixo um exemplo:

Método .css() :

$("img").css({
width: "550px"
});

// ...

<img src="../arquivos/img/php.jpg" />

Agora o método .attr() :

$("img").attr({
width: "550px"
});

// ...

<img src="../arquivos/img/php.jpg" />

Como vocês viram ambos fizeram a mesma coisa, então qual a diferença desses métodos? Quando usar um e outro?