//Usando o atributo click()

/*$("#esconder").click(function() {
  $(".exemplo").css("display", "none");
});*/

//Usando o atributo html()

/*var conteudo_html = $("#parafrafo-html").html();
console.log(conteudo_html);


//Usando o atributo html()

$("#paragrafo-html").html("Mudar conteudo do paragrafo");
conteudo_html = $("#parafrafo-html").html();
console.log(conteudo_html);*/

//Usando o attr()

/*$("#paragrafo-link").attr("href", "https://youtube.com");*/

//Usando o attr para mudar a foto ao clicar na mesma
/*$("#mudar_imagem").click(function() {
  $("#imagem_js").attr(
    "src",
    "https://dw9to29mmj727.cloudfront.net/promo/2016/5248-SeriesHeaders_NARSHP_2000x800.jpg"
  );
  $("#mudar_imagem").hide();
});*/

//Remove oque tem no elemento mas o mantém
/*$("#paragrafo-empty").empty();*/

//Usando o remove() remove o elemento
/*$("#paragrafo-empty").remove();*/

// Aplicação do loop each em um array:

/* var lista = ["HTML","CSS","Javascript", "jQuery", "PHP"];
  $.each(lista, function( indice, valor ) {
      console.log('O elemento de índice [' + indice + '] tem o valor de ' + valor);
  });*/

/*  var interesses = $("#interesses li");
$.each(interesses, function(indice, valor) {
  console.log(valor).text());
});*/

//Val() Usado para manipular formulários
/*let conteudo_input = $("#campo_nome").val();
console.log(conteudo_input);*/

//$('#campo_nome').val('Vinicius Pereira');

//Lidando com selectbox

//$('#options').val()

//Pegando o valor que foi selecionado
//let texto_selecionado = $('#options').find(':selected').text();

/*$('#options').change(function(){
    let novo_selecionado = $('#options').find(':selected').text();
    console.log(novo_selecionado);
});*/

/*$("input[name='interesse']").change(function() {
  var checkboxes_selecionados = $("input[name='interesse']:checked");
  var textos = [];

  $.each(checkboxes_selecionados, function(index, value) {
    textos.push(
      $(value)
        .parent("span")
        .text()
    );
  });

  console.log(textos);
});*/

/*
$("#alternar_classe").click(function() {
  $("paragrafo-classes").addClass("styling");
});

$("#remover_classe").click(function() {
  $("#paragrafo-classes").removeClass("styling");
});

$("#alternar_classe").click(function() {
  $("#paragrafo-classes").toggleClass("normal");
});
*/

/*$(document).ready(function() {
  $("#nome").keyup(function() {
    let conteudo = $("#nome").val();
    if (conteudo) {
      $("#confirmar").css("display", "initial");
    } else {
      $("#confirmar").css("display", "none");
    }
  });
});*/

/*$('#esconder').click(function(){
    $('.exemplo').hide();

});*/

/*$("#botao-esconder").click(function() {
  $(this).hide(1000, function() {
    $("#texto-escondido").show();
  });
});*/

//Aula 58
/*$(document).ready(function() {
  $("#toggle-tab").click(function() {
    $("#tab-content").toggle();
    $("#toggle-tab").toggleClass("flip");
  });
});*/


//Aula 59
/*$(document).ready(function() {
  $("#animar").click(function() {
    $("#quadrado").animate({
      width: "+=20px"

    },200);
    $("#quadrado").animate({
      height: "+=20px"
    },2000);
  });
});
*/


//Aula 60
$("#animar").click(function(){

  $("#quadrado").animate({
      width: '+=20px'
  },500).animate({
      height: '+=20px'
  },500).css('background-color', 'green');

});