Este documento descreve como manipular atributos e conteúdo de elementos na página usando jQuery. Ele explica como usar os métodos .attr(), .removeAttr(), .addClass(), .removeClass(), .toggleClass(), .css(), .html(), .text(), .append(), e .val() para modificar atributos, classes, estilos, conteúdo e valores de elementos selecionados.
2. In the previous presentation....
Vimos como selecionar elementos da página
$(“img”) $().add()
$().filter()
$().slice()
$().find()
$(“#Id”)
$(“li a”)
$(“:input:checkbox”)
$(“:checkbox:checked”)
3. Agora vamos ver como:
Manipular atributos e conteúdo de elementos
ou conjuntos de elementos na página
4. $().attr(name | name,value | map |
name,function)
var title = $('img#fotoDoBolha')
$('img#fotoDoBolha').attr(
<img id="fotoDoBolha" src="foto.jpg" title="foto do Bolha" alt=”foto do quem?”/>
$('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'
});
10. $().append()
$('p').append('<p> O rei do rio fez churrasquinho do rato.</p>');
<p> O rei do rio foi pescar. <br>
Um rato entrou no barco com ele. <br>
O rato roeu a roupa do rei do rio.</p>
<p> O rei do rio foi pescar. <br>
Um rato entrou no barco com ele. <br>
O rato roeu a roupa do rei do rio.</p>
<p> O rei do rio fez churrasquinho do rato.</p>