Como faço para usar a JQuery no projeto?

Programação Java
, , , ,
#1

Baixei os aquivos do Jquery, porem não está funcionando. Estou com duvidas ao importar, eu baixei o jquery-ui-1.12.0. Quando extraio, tem varios .CSS, e .JS, qual, e como importar no meu projeto?
estou seguindo na apostila da Caelum - FJ 21 - java web

criei uma TAG para calendario com datepicker, mas da está dando certo. Como usar o Jquery?

Aguardo Uma luz de alguem rs

Desde Já, Grato.

<%@ tag language="java" pageEncoding="ISO-8859-1"%>
<%@ attribute name="id" required="true" %>
<input id="${id}" name="${id}" />
<script>
	$("#${id}").datepiker({dateFormat: 'dd/mm/yy'});
</script>
#2

Amigo,
Esses arquivos, você deve criar uma pasta e dar o nome de resources, por exemplo, e esta deve ficar dentro de web.
Para cada página, você deve referenciar este lugar, conforme abaixo.

<link rel="stylesheet" href="jquery-ui.min.css">
<script src="external/jquery/jquery.js"></script>
<script src="jquery-ui.min.js"></script>

dá uma olhada na documentação.

#3

Se eu fosse você baixaria a jQuery diretamente do site www.jquery.com, nesse site não vem com outros arquivos misturados, somente um arquivo jquery…js

E o script para você usar na pagina é esse:

<script type="text/javascript" src="jquery-3.0.0.min.js"></script>

No src, você pode colocar na pasta do proprio projeto, ou especificar uma diferente

#4

Fiz desse jeito que vc falou, mas ainda não consegui. Eu criei uma Tag, com o imput e chamando o datepicker. Eu importei a tag pra minha pagina e referenciei o local do Jquery, porem ainda nao aparece o datepicker quando fico no campo.

segue minha tag:

<%@ tag language=“java” pageEncoding=“ISO-8859-1”%>
<%@ attribute name=“id” required=“true” %>

e minha pagina:
<%@taglib uri=“http://java.sun.com/jsp/jstl/core” prefix=“c” %>
<%@taglib tagdir="/WEB-INF/tags" prefix=“caelum” %>

Adicionando Contatos

Adiciona Contatos

Nome:
E-mail:
Endereço:
Data Nascimento:

nao sei como que coloca o cod fonte nessa pagina, como que faz?

#5

Acho que você está se embolando com particularidades do Java. Esqueça Java no momento, essa parte é front-end.

O próprio site do jquery tem o exemplo completo abaixo. Você só deve retirar a URL do site deles e alterar para o caminho relativo da pasta de scripts do seu projeto, como o colega @Aledro exemplificou acima.

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery UI Datepicker - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
  <script>
  $( function() {
    $( "#datepicker" ).datepicker();
  } );
  </script>
</head>
<body>
 
<p>Date: <input type="text" id="datepicker"></p>
 
 
</body>
</html>

https://jsfiddle.net/ge867s6f/

#6

Obrigado a todos pela ajuda , deu tudo certo