JQuery: Alterando o texto e o atributo title de um button

Publicado em: 21 de maio de 2010Categoria: JQueryTag(s):
    Obrigado! você é a 4.020ª pessoa que visita este post.

    Um exemplo bem fácil para alterar o texto de um botão e o seu atributo “title”.

    Foram definidos 2 botões:
    - primeiro botão: id #btn-salvar
    - segundo botão: id #btn-cancelar

    As alterações são efetuadas utilizando o evento click() dos botões e são manipulados pelos métodos hide(), text() e attr().

    Mais informações são encontradas em comentários dentro do código.

    Não se esqueça de baixar e fazer a chamada da biblioteca JQuery.

    <html>
<head>
<title>Alterando dados</title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$('button#btn-salvar').click(function(){		
		// o botão é ocultado
		$('button#btn-salvar').hide();
		// o texto do botão é alterado e o atributo title
		$('button#btn-cancelar').text("Fechar").attr({
			title:"Fechar"
		});
	});
 
	$('button#btn-cancelar').click(function(){
		// o botão é exibido		
		$('button#btn-salvar').show();
		// retorna os valores corretos do botão
		$('button#btn-cancelar').text("Cancelar").attr({
			title:"Cancelar"
		});
	});
});	
</script>	
</head>
<body>
	<button type="button" id="btn-salvar" title="Salvar">Salvar</button>&nbsp;
	<button type="button" id="btn-cancelar" title="Cancelar">Cancelar</button>
</body>
</html>

    Related posts:

    1. JQuery: Efeito de Apagar a Luz
    2. JQuery: Botão Adicionar aos Favoritos
    3. JQuery: Atribuir objetos em variáveis
    4. JQuery: Utilizando o evento change() para abrir sites
    5. Jquery: Evento Change()