In the previous presentation....

Vimos como selecionar elementos da pgina

$(img)

$().add()

$().filter()

$().slice()

$().find()

$(#Id)

$(li a)

$(:input:checkbox)

$(:checkbox:checked)

Agora vamos ver como:

Manipular atributos e contedo de elementos ou conjuntos de elementos na pgina

$().attr(name | name,value | map | name,function)

var title = $('img#fotoDoBolha')

$('img#fotoDoBolha').attr(

$('img#fotoDoBolha').attr({

$('img#fotoDoBolha').attr('title', function() {

.attr('title');

'title','foto do Rambo');

alt: 'Foto do Bolha', title: 'Foto do Bolha'});

return this.title + ' - o Rei do rio' });

$().removeAttr(name)

$('input#email').removeAttr('disabled').attr('value', 'Agora d pra digitar');

$().addClass(name | function)

$().removeClass(name | function)

$('p').addClass('classeBolha');

$('p').removeClass('classeBolha classeWende');

$('p').addClass('classeWende');

$('p').addClass('classeBolha classeWende');

$().toggleClass(name)

$().hasClass(name)

$('#meuDiv').hasClass('umaClasse');

$('#meuDiv').hasClass('outraClasse');

$('div.china').toggleClass('inBox');

$('div.china').toggleClass(inBox');

$().css(name | name,value | map | name,function)

$(':input').css('width', function() { return $(this).width() + 20 + "px";});

$().html() $().html(html)

$().text() $().text(content)

$('div.container').html();

Um texto qualquer Outro texto qualquer

Um texto qualquerOutro texto qualquer

Um texto qualquer

$('p').html("Um outro texto qualquer")

Um outro texto qualquer

$().append()

$('p').append(' O rei do rio fez churrasquinho do rato.');

O rei do rio foi pescar.
Um rato entrou no barco com ele.
O rato roeu a roupa do rei do rio.

O rei do rio foi pescar.
Um rato entrou no barco com ele.
O rato roeu a roupa do rei do rio.

O rei do rio fez churrasquinho do rato.

$().val()

$('input:radio[name=opcao]:checked').val();

opo1 opo2 opo3

$('select#class option:selected').val();

ABCD

$().val(value)

Email:

$('input#email').val('douglas@bluesoft.com.br');

Obrigado!