Postagens

Mostrando postagens de julho, 2016

Selecionando o elemento pai com Jquery

Imagem
Olá, bom dia pessoal, nesta bela manhã de terça feira venho aqui com mais um tutorial, quantas vezes você precisou selecionar o elemento pai de um elemento ? ou seja, o elemento onde ele está contido. veja a seguinte situação: O elemento com cor de laranja (p) é o elemento pai e o elemento em tom de cinza (span) o elemento filho, vamos selecionar o elemento span e através dele nós mudaremos a cor do elemento pai: See the Pen Selecionando elemento pai com Jquery by Cícero Joceilton ( @joc01 ) on CodePen . Veja acima o código do projeto, colocaremos sempre a partir de agora nossos códigos no Codepen para que possamos ver em execução. Bom até aqui tudo bem nada de muito novo, utilizamos o parent para selecionar o elemento pai, mas agora teremos uma situação onde nosso elemento pai estará dentro de duas divs, entao o elemento p estará dentro de duas divs e precisamos alterar a cor da ultima div: Nosso elemento p está com cor branca e precisamos alterar a cor da div azul, p...

Menu com jquery

O tutorial de hoje não é grande coisa, mas é mais só uma pequena dica, sabe quando você está criando um site e tem aquele menu que aparece em todas as páginas, bom se voê não quer utilizar o php ou uma linguagem servidor, pode muito bem utilizar o jquery mesmo, um arquivo com a extensção js é cahamdo dentro das páginas e quando você fizer uma alteração qualquer, todas as páginas recebem, por exemplo acrescentar um novo link. primeiro vamo criar um código onde teremos um elemento ul que inicializa nossa lista de links <div id="menu"><ul></ul></div> Agora chamaremos o  nosso código  <script type="text/javascript" src="js/menu.js"></script> Aqui o conteúdo do código externo $(document).ready(function () { $("#menu ul").html( "<li> <a href='#'> Inicio </a> </li>" + "<li> <a href='#'> Sobre </a> </li>...