Flashcards
jQuery Basics functions and method
Cards in this deck (22)
- 1Como selecionamos um elemento usando jQuery?$('element')
$() = document - 2Como podemos esconder um elemento com jQuery?$('element').hide();
.hide()
aceitando propriedade como tempo [inicio], [fim] - 'slow', 'fast' olhar a documentação - 3Como podemos mostrar um elemento com jQuery?$('element').show()
.show()
aceitando propriedade como tempo [inicio], [fim] - 'slow', 'fast' olhar a documentação. - 4Como 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.
- 5Como adicionamos conteúdo ao final de um elemento selecionado?$(element).append(newElement)
.append()
adicionamos dessa forma:
ex:
This is a new button - 6Como 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() {
}); - 7Como 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. - 8Como obtemos o próximo irmão imediato de um elemento selecionado?$variable = $('element').next();
.next()
para obter o irmão do 'element'; - 9Como obtemos o elemento irmão anterior ao elemento selecionado?$variable = $(element).prev();
.prev();
retorna o irmão imediato do 'element'; - 10Qual 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. - 11Qual 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'); - 12Como 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'. - 13Como 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;
}) - 14Como podemos definir o atributo 'value' para um elemento?2 caminhos:
$('element').val('value')
.val('value');
or
$('element').attr("atributeName", value); - 15Como podemos selecionar o pai de um elemento selecionado?$('element').parrent()
retorna o pai do elemento. - 16Como 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. - 17Como 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 element's. - 18Como 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 - 19Qual 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. - 20Qual 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. - 21Como 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'. - 22Qual método devemos adicionar quando queremos colocar um gatilho para mostrar e esconder um elemento?$('element').toggle();
see more on documentation.
Information
- Description
- asa Technical Skills (JavaScript / jQuery) Flashcards on jQuery Basics functions and method, created by Victor Bini on 05/04/2016.
- Created by
- Victor Bini
- Views
- 123
- Tags
- Rating