Criado por Victor Bini
mais de 8 anos atrás
|
||
Questão | Responda |
Como selecionamos um elemento usando jQuery? | $('element') $() = document |
Como podemos esconder um elemento com jQuery? | $('element').hide(); .hide() aceitando propriedade como tempo [inicio], [fim] - 'slow', 'fast' olhar a documentação |
Como podemos mostrar um elemento com jQuery? | $('element').show() .show() aceitando propriedade como tempo [inicio], [fim] - 'slow', 'fast' olhar a documentação. |
Como podemos adicionar a biblioteca jQuery em nosso site? | Podemos baixar os arquivos de jquery.com e anexar ao nosso projeto, ou podemos se beneficiar dos servidores da jQuery.com e adicionar o script lingando a src a uma fonte externa que é de servidores da jQuery.com. |
Como adicionamos conteúdo ao final de um elemento selecionado? | $(element).append(newElement) .append() adicionamos dessa forma: ex: <button>This is a new button</button> |
Como colocamos um gatilho de click, quando o usuário interage com o mouse no elemento selecionado? | $('element').click(); .click () adicionado o gatilho .click() temos que adicionar uma função, para definir o que acontecera então: $('element').click(function() { }); |
Como removemos elementos selecionados do DOM? ( o elemento e tudo que está contido nele ) | $('element').remove(); .remove() elimina o elemento e todos os seus filhos. É possível eliminar também só o elemento, deixando seus filhos: ver na documentação. |
Como obtemos o próximo irmão imediato de um elemento selecionado? | $variable = $('element').next(); .next() para obter o irmão do 'element'; |
Como obtemos o elemento irmão anterior ao elemento selecionado? | $variable = $(element).prev(); .prev(); retorna o irmão imediato do 'element'; |
Qual comando utilizamos para impedir um comportamento padrão do browser? (exemplo, quando você clicka sobre uma imagem do site e ele abre outra guia com essa imagem) | $('#imageElement a').click(function({ event.preventDefault(); }) event.preventDefault(); dessa forma evitamos o comportamento padrão do navegador. |
Qual comando podemos utilizar que retorna um atributo definido dentro de um elemento? | $element.attr('atributeName'); retorna o atributo de $element podendo colocar esse atributo em uma variável: $variable = $element.attr('atributeName'); |
Como podemos definir novos atributos para elementos selecionados? | $('element').attr("atributeName", "value"); .attr(atributeName, value); Define um novo atributo e seu valor para o elemento 'element'. |
Como nos podemos construir um loop que passa por todos os elementos que forem selecionados? | $('element').each() vai passar por todos os 'elements' podemos definir em uma função o loop $('element'.each(function() { do something; }) |
Como podemos definir o atributo 'value' para um elemento? | 2 caminhos: $('element').val('value') .val('value'); or $('element').attr("atributeName", value); |
Como podemos selecionar o pai de um elemento selecionado? | $('element').parrent() retorna o pai do elemento. |
Como podemos verificar se um elemento tem uma determinada classe? | $('element').hasClass('ClassName') *Lembrar de não ser redundante, não adicionando um '.'. .hasClass() com esse comando podemos saber se o elemento selecionado possui ou não a classe definida, a propriedade retorna um boolan value - true or false. |
Como podemos adicionar um gatilho a um elemento quando ele recebe foco? Com input... | $('element').focus(function(){ Do something }); .focus() gatilho para quando um objeto recebe foco, podendo ser aplicado em inputs, selects e a<href> element's. |
Como podemos adicionar um gatilho quando um elemento recebe alguma entrada de um usuário? | $('element').keyup(function(){ }); .keyup() esse gatilho pode apenas em objetos que recebem foco, ele é ativado quando o usuário começa a colocar alguma entrada no 'elemento' selecionado |
Qual comando podemos utilizar para retornar todos os vizinhos de um elemento? | $('element').siblings() .siblings() retorna todos irmãos de acordo com o nível do DOM do elemento. |
Qual comando comando podemos remover uma Classe de um elemento? | $('element').removeClass(class) .removeClass() remove a classe introduzida como parâmetro. podendo remover uma classe, todas as classes ou um conjunto de classes Olhar na documentação. |
Como podemos adicionar uma classe para um elemento? | $('element).addClass('newClass'); .addClass(); Adiciona a nova classa que entrou como parâmetro(newClass) ao elemento selecionado - 'element'. |
Qual método devemos adicionar quando queremos colocar um gatilho para mostrar e esconder um elemento? | $('element').toggle(); see more on documentation. |
Quer criar seus próprios Flashcards gratuitos com GoConqr? Saiba mais.