If you can't read please download the document
Upload
douglasgrava
View
1.008
Download
0
Embed Size (px)
Citation preview
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('[email protected]');
Obrigado!