//PARTE 01
/* 
Sintaxe básica do JQuery $(seletor).ação()
$(this).hide(); - ocultar o elemento atual
$("p").hide(); - ocultar o parágrafo
$(".xpto").hide(); - Class
$("#xpto").hide(); - ID
*/
$(document).ready(function(){
	$("#TesteX").hide();
	$("#TesteY").hide();
	
	$(".btnApagar").click(function(){
		$("p").hide();
		$("h2").hide();
	});
	$(".btnAparecer").click(function(){
		$("p").show();
		$("h2").show();
	});
	$("#bird").click(function(){
		$("#TesteX").show();
		$("#TesteY").show();
	});
	//
	$("#lista").click(function(){
		$("ul li:first").hide();
	});
	//
	$("#link").click(function(){
		$("a[target='_blank']").hide();
	});
	
	//PARTE 02
	//Trabalhando com eventos
	$("#figura").click(function(){
		$(this).hide(3000);
	});
	
	$("#figura2").dblclick(function(){
		$(this).hide();
	});
	
	$("#figura3").mouseenter(function(){
		$(this).hide();
	});
	
	$("#figura4").mouseleave(function(){
		$(this).hide();
	});
	
	$("#figura5").hover(function(){
		$(this).hide();
	});
	
	$("input").focus(function(){
		$(this).css("background-color","red");
	});
	
	$("input").blur(function(){
		$(this).css("background-color","blue");
	});
	
	$("#titulo1").dblclick(function(){
		$(this).css("color","red");
		$(this).css("font-size","30px");
		$(this).css("text-decoration", "overline");
	});
	
	$("#apagarTempo").click(function(){
		$("#titulo1").hide(2000);
	});
	
	$("#tPA").hide();
	$("#tH1").click(function(){
		$("#tPA").toggle(1000);
	});

});