Questões de Concurso sobre JQUERY

o resultado da função .attr() aplicado ao primeiro elemento do conjunto.

um iterador que a cada iteração retorna o resultado do método .attr() aplicado a um elemento do conjunto.

uma função que recebe como parâmetro um elemento do conjunto e que retorna o resultado do método .attr() aplicado ao elemento.

uma lista contendo o resultado do método .attr() aplicado a cada um dos elementos do conjunto.

o resultado da função .attr() aplicado ao último elemento do conjunto.

Após pressionar o botão, a cor da mensagem This is some important text! será alterada de preta para azul.

Após pressionar o botão, a cor da mensagem This is some important text! será alterada de preta para laranja.

Após pressionar o botão, a cor da mensagem This is some important text! será alterada de azul para laranja.

Após pressionar o botão, a cor de todas as mensagens será alterada de preto para azul exceto This is some important text!.

Após pressionar o botão, a cor de todas as mensagens será alterada de preto para laranja exceto This is some important text!.

Alterna entre os métodos slideDown() e slideUp().

Não permite o controle de velocidade de alternação.

O parâmetro de callback é obrigatório.

Tem o mesmo efeito que slideUp() mas não o mesmo que slideDown().

Tem o mesmo efeito que slideDown() mas não o mesmo slideUp().

show(“slow”)

show().hide(“slow”)

hide.show(“slow”)

slideToggle(“slow”)

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Prova UFPE</title>

</head>

<body>

<button id="botaoAlerta" name="Alerta">Exemplo</button>

<script src="jquery-3.6.0.js"></script>

<script>

$("#botaoAlerta").click(function(){

alert('Concurso UFPE!');

})

</script>

</body>

</html>

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Prova UFPE</title>

</head>

<body>

<button id="botaoAlerta" name="Alerta">Exemplo</button>

<script src="jquery-3.6.0.js"></script>

<script>

$("botaoAlerta").click(function(){

alert('Concurso UFPE!');

})

</script>

</body>

</html>

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Prova UFPE</title>

</head>

<body>

<button id="botaoAlerta" name="Alerta">Exemplo</button>

<script src="jquery-3.6.0.js"></script>

<script>

("#Alerta").click(function(){

alert('Concurso UFPE!');

})

</script>

</body>

</html>

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Prova UFPE</title>

</head>

<body>

<button id="botaoAlerta" name="Alerta">Exemplo</button>

<script src="jquery-3.6.0.js"></script>

<script>

$("Alerta").click(function(){

alert('Concurso UFPE!');

})

</script>

</body>

</html>

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Prova UFPE</title>

</head>

<body>

<button id="botaoAlerta" name="Alerta">Exemplo</button>

<script src="jquery-3.6.0.js"></script>

<script>

("botaoAlerta").click(function(){

alert('Concurso UFPE!');

})

</script>

</body>

</html>

Na carga da página, todos os elementos com tag = ”button” são ocultados.

O elemento com o atributo id = ”xpto” é ocultado quando qualquer botão for clicado.

Qualquer elemento com name = ”xpto” é ocultado quando o próprio elemento for clicado.

Qualquer elemento com tag = ”button” é ocultado quando o próprio elemento for clicado.

Todos os elementos com class = ”xpto” são ocultados quando qualquer botão for clicado.

se um elemento com id=”p” for clicado, todos os elementos com id=”button” são ocultados.

se um elemento com id=”button” for clicado, todos os elementos com id=”p” são ocultados.

todos os parágrafos são ocultados quando a página é carregada, e voltam a ficar visíveis quando algum botão for clicado.

um clique, em qualquer botão presente na página, oculta todos os parágrafos.

um clique, em qualquer parágrafo presente na página, oculta todos os botões.

$(begin{

$(function(){

$(go(){

$(main{

$(ready(){

8

6

4

1

.toggle()

.show()

.scrollParent()

.labels()

.enableSelection()

em qualquer elemento cuja tag é x1, cause uma alteração no conteúdo de todos os elementos com a tag x2

em qualquer elemento da classe x1, cause uma alteração no conteúdo do elemento cujo id é x2;

no elemento cujo atributo id é x1, cause uma alteração no conteúdo de todos os elementos da classe x2;

no elemento cujo atributo id é x1, cause uma alteração no conteúdo do elemento cujo id é x2;

no elemento cujo atributo id é x1, cause uma alteração no conteúdo de todos os elementos com a tag x2.

toggle.

collapse.

pophover.

tooltip.

toast.

$("p").class(".intro").style("color", "#0000ff");

$("p").filter(".par").style("color", "#0000ff");

$("p").class("intro").css("font-color" ,"#0000ff");

$("p").filter(".par").css("color", "#0000ff") ;

$("p").eq(".intro").css("color", "#0000ff");

É um framework client-side desenvolvido na linguagem Java para a manipulação de elementos HTML.

Possui com um conjunto de funções presentes no objeto JQuery e que geralmente é utilizado ao atribuí-lo ao caractere "$".

Permite fazer a comunicação, chamada AJAX(Asynchronous Javascript and XML), entre cliente e servidor sem a necessidade de recarregar a página web por completo.

Permite manipular o CSS de uma página web dinamicamente em tempo de execução.

A sintaxe básica é: $ ( seletor ). ação ()

$("p").hide() - oculta todos os elementos <p>

$(this).show() - esconde o elemento atual

$("#test").hide() - esconde o elemento com id = "teste"

$("div#caixa").class("principal branca").

$("#caixa").addClass("principal branca").

$("div.caixa").addClass("principal").addClass("branca").

$("div#caixa").appendClass("principal branca").

$(".caixa").addClass("principal branca").

verde somente nos elementos input cujo atributo name contenha a palavra lei.

azul em todos elementos input cujo atributo name contenha um valor terminado pela palavra lei.

vermelha somente nos elementos input cujo atributo name contenha a palavra lei.

azul em todos os elementos input cujo conteúdo do atributo name inicie com a palavra lei.

verde em todos elementos input cujo atributo name contenha a palavra lei.

$(document).ready()

$(document).show()

$(document).loading()

$(document).down()

Irá gerar um erro, pois .bind() não existe no jQuery.

Selecionará todos os elementos input, adicionando um evento de perda de foco e relacionando-os a uma classe chamada destaque.

Selecionará todos os elementos input, adicionando um evento de ganho de foco e relacionando-os a uma classe chamada destaque.

Selecionará apenas o primeiro elemento input de uma página, removerá um evento de perda de foco e, em seguida, adicionará uma classe chamada destaque.