•  
     

Modificando o Conteúdo - jQuery

Podemos atualizar o conteúdo dos nossos elementos HTML — isto é, o conteúdo entre as tags de abertura e de fechamento — usando as funções .html() e .val().

.html() pode ser usada para definir o conteúdo da primeira correspondência de elementos que ela encontrar. Por exemplo,

Código: Selecionar todos

$('div').html();

vai pegar o conteúdo HTML do primeiro bloco div que ela encontrar, e

Código: Selecionar todos

$('div').html("I love jQuery!");

vai definir o conteúdo do primeiro bloco div que corresponder a "I love jQuery!" (eu amo jQuery!)

.val() é usada na obtenção do valor dos elementos de formulário. Por exemplo,

Código: Selecionar todos

$('input:checkbox:checked').val();

iria obter o valor da primeira caixa de seleção marcada que a jQuery encontrar.


HTML

Código: Selecionar todos

<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<p>Teste teste2 teste3</p> 
</body>
</html>


JavaScript

Código: Selecionar todos

$(document).ready(function(){ 
$("p").html("teste4 teste5 teste6!");
});


Demo: http://jsfiddle.net/0ma7nkkL/8/