Eu sou novo no desenvolvimento web e estou aprendendoJQuery agora. Eu tenho uma dúvida aqui. Este é o código do W3Schools.com. Gostaria de saber se adiciono mais um botão aqui, como posso executar esse JavaScript apenas para o evento click do botão PRIMEIRO.
<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
<br />
<button>Second Button</button>
</body>
</html>
Respostas:
1 para resposta № 1Você pode adicionar um ID ao botão e colocar um evento de clique nesse ID, selecionando assim (se o ID do botão for "submitForm") $("#submitForm")
De fato, existem várias maneiras de selecionar elementos com o jquery, verifique isso: http://api.jquery.com/category/selectors/
No seu exemplo específico, se você não quiser colocar os IDs nos botões, poderá usar: primeiro para acessar apenas o primeiro, como este $("button:first")
1 para resposta № 2
mudança
$("button").click(function(){
$("p").hide();
});
para
$("button").eq(0).click(function(){
$("p").hide();
});
Isso será vinculado apenas ao evento de clique do primeiro botão. Vejo http://api.jquery.com/eq/.