53
¿Cuál es el procedimiento para instalar jQuery para alguien nuevo en él?Instalando jQuery?
A
Respuesta
95
Obtener jQuery en marcha y funcionando en un minuto o menos:
insertarlo en el código HTML (con mayor frecuencia en la cabeza, pero se puede tirar antes de que el cuerpo de la etiqueta final también):
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
A continuación, coloque un elemento de script después de su jQuery. Esto alertaría 'hola' después de que el DOM esté listo.
<script>$(function() { alert('hello') });</script>
Leer the documentation.
Usando jQuery localmente:
Después de obtener una sensación, intente descargar jQuery localmente en el ordenador, y vincularlo del archivo de script. La estructura es de esta manera:
C:/web/index.html
C:/web/js/jquery.js
index.html:
<head>
<script src="js/jquery.js"></script>
<script>$(function() { alert('hi') })</script>
</head>
Usted tiene la ventaja de depender de la versión en línea salvado si usted no tiene Internet/Wi-Fi. También puede realizar modificaciones personalizadas en la fuente jQuery y modificarla a voluntad.
Estudio de la fuente jQuery [avanzada]
Descargar la versión sin comprimir desde:
http://code.jquery.com/jquery-latest.js
Después de que has ganado un poco de conocimiento/DOM JavaScript tratar de desmontarlo paso Por paso.
3
No hay ninguno. Utilice las etiquetas de secuencia de comandos para vincular a la versión de Google (o descárguelo usted mismo y enlace a su copia si realmente lo desea).
Si no sabe cómo hacerlo, aprenda primero HTML y Javascript antes de intentar aprender jQuery.
2
No se requiere instalación. Simplemente agregue jQuery a su carpeta de aplicaciones y proporcione una referencia al archivo js.
<script type="text/javascript" src="jQuery.js"></script>
si jQuery está en la misma carpeta del archivo al que se hace referencia.
0
Como se señaló, no es necesario. Utilice el Google AJAX Libraries API, y obtendrá alojamiento CDN de jQuery gratis, ya que dependiendo de los recursos de su sitio, jQuery puede ser una de las descargas más grandes para los usuarios.
13
No hay instalación per se.
Usted download jQuery e incluirla en sus archivos html así:
<script src="jquery.js" type="text/javascript"></script>
Por supuesto, modifique el nombre del archivo para que sea el mismo que el archivo de script descargado.
¡Hecho!
+18
No estoy de acuerdo. Local significa que tienen que descargar jQuery cuando visitan su sitio. Las posibilidades son muy altas ya que tienen la versión de google en la memoria caché. – womp
0
jQuery es solo una biblioteca JavaScript (simplemente, un archivo JavaScript). Todo lo que tiene que hacer es colocarlo en el directorio de su sitio web y hacer referencia a él en su HTML para usarlo.
Por ejemplo, en la etiqueta de la cabeza de su página web
<script type="text/javascript" src="../Js/jquery.js"></script>
Puede descargar la versión actual de jQuery de Downloading jQuery.
4
Lo dice en el very start of the tutorial vinculado desde la página principal de jQuery.
1
Hay dos formas diferentes de utilizar jQuery en su sitio web. Para comenzar, debe tener acceso a la fuente de su sitio web, ya sea HTML directo o HTML generado a partir de un lenguaje de programación. Luego debe insertar una etiqueta <script> que se procesará en el resultado final del navegador web.
Como usted es nuevo en jQuery, le recomiendo que empiece a leer How jQuery works.
Como han mencionado otros, hay redes de distribución de contenido (CDN) que alojan JQuery; todo lo que necesita hacer es señalar la etiqueta de script src a un URI específico. Google y Microsoft ambos tienen CDN que son gratuitos para uso personal y comercial.
O bien, puede download jQuery y alojarlo en su propio sitio web.
También puede leverage both of these methods together. En el caso de que Google o Microsoft CDN estén caídos o bloqueados en el país/firewall/proxy del usuario final, puede recurrir a su copia alojada localmente de jQuery.
7
Los siguientes pasos se pueden seguir
1) Descargar Jquery haciendo clic en este enlace DOWNLOAD
2) Copia el archivo js en la raíz de su directorio web por ejemplo. www.test.com/jquery-1.3.2.min.js~~V~~3rd
3) En su index.php o index.html entre las etiquetas de la cabeza incluyen el siguiente código, y luego se instalará jQuery.
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
+0
Si desea descargar una versión específica, todas las versiones de jQuery se encuentran [aquí en el sitio de jQuery] (https://code.jquery.com/jquery/) – LandedGently
2
Lo mejor sería vincular al núcleo de jQuery es a través de Google.
Hay 3 razones para hacerlo de esta manera,
- Disminución Latencia
- incrementar el paralelismo
- mejor almacenamiento en caché
véase:
http://encosia.com/2008/12/10/3-reasons-why-you-should-let-google-host-jquery-for-you/
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
Your code here.....
});
</script>
+1
¿Qué pasa si se trata de una aplicación empresarial interna utilizada por empleados en la intranet que todavía tienen acceso a internet. ¿Sería mejor almacenarlo en un servidor local o aún tenerlo vinculado a google? – eaglei22
0
Bueno, como señalaron la mayoría de las respuestas, puede incluir el archivo jQuery localmente así como también usar los servidores CDN/Microsoft CDN de Google. Al elegir Google vs.Microsoft CDN vaya al Google_CDN vs. Microsoft_CDN dependiendo de su requerimiento.
Generalmente para intranet aplicaciones incluyen el archivo de jQuery localmente y nunca utilizar el método CDN ya que para la intranet, la red LAN es 10x veces más rápido que Internet. Para aplicaciones de Internet y públicas, utilice un enfoque híbrido como lo sugiere cowgod en otros lugares. Además, no olvide utilizar la bonita herramienta JS_Compressor para comprimir el código JavaScript adicional que agrega a su biblioteca jQuery. Hace JavaScript muy rápido.
0
Instale JQuery con solo JavaScript. Esta no es una solución muy buena si está desarrollando un sitio web, pero es genial si desea JQuery en la consola de JavaScript de un sitio web al azar que ya no utiliza JQuery.
function loadScript(url, callback)
{
// adding the script tag to the head as suggested before
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
// then bind the event to the callback function
// there are several events for cross browser compatibility
script.onreadystatechange = callback;
script.onload = callback;
// fire the loading
head.appendChild(script);
}
loadScript("http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js")
función CargarScript gracias a la respuesta e-satis 's de Include JavaScript file inside JavaScript file?
+1
Tuve que iniciar sesión para decirte que esta es la forma más intrincada en la que he visto a alguien, incluido jQuery. Accesorios. – DrewRobertson93
+0
Lo uso cuando quiero usar JQuery en la consola de una página web aleatoria para ver cómo funcionan las cosas o lo que sea. Funcionará sin importar el sitio web. Supongo que no es muy práctico cuando se desarrolla un sitio web. – Nate
0
Hay dos maneras de cargar jQuery en su aplicación:
1) Añadir jQuery desde tu propio sitio.
Para esto, es necesario añadir una referencia jQuery en <Head> sección de su página con el correcto camino src:
<script src="script/jquery.js" type="text/javascript"></script>
Pero esto crear una carga adicional a su servidor para descargar un archivo de cliente
2) hay otra manera de cargar jQuery desde cualquier otro servidor como Google, Microsoft o jQuery.
como se ha dicho here:
que ofrece varias ventajas.
- Siempre utiliza el último framework jQuery.
- Reduce la carga de su servidor.
- Ahorra ancho de banda. jQuery framework cargará más rápido desde estos CDN.
- El beneficio más importante es que se almacenará en caché, si el usuario ha visitado cualquier sitio que esté utilizando jQuery framework desde cualquiera de estos CDN.
Aquí está el enlace por el que puede cargar jQuery de Microsoft. Siga esta URL, puede ser útil.
+0
Tenga en cuenta que las respuestas de solo enlace se desaconsejan aquí en SO. Considere [editar su respuesta] (http://meta.stackexchange.com/a/8259/186599) y agregue una sinopsis aquí. – NAZIK
+0
Si copia la redacción de otro sitio, asegúrese de incluirla entre comillas para que quede muy claro que estas no son sus palabras originales. He hecho esto en la respuesta anterior. –
0
Cuestiones relacionadas
- 1. instalando zeromq bajo pypy
- 2. instalando dependencias en haskell
- 3. WIX instalando archivos, sobrescribe
- 4. Instalando NERDTree en Windows
- 5. Instalando rmagick en Ubuntu
- 6. instalando wxPerl en fresa
- 7. instalando gtk y glib
- 8. Instalando TortoiseSVN y TortoiseGit juntos
- 9. Instalando Java manualmente en Windows?
- 10. Instalando h5py en OS X
- 11. receta de marionetas instalando tarball
- 12. instalando el plugin facebookgap facebook
- 13. Instalando node.js en Debian 6.0
- 14. instalando OpenSSL desde la fuente
- 15. Ivy no está instalando algunos JAR
- 16. iOS instalando aplicaciones sin tienda de aplicaciones
- 17. Instalando/desinstalando mi módulo con pip
- 18. Instalando Java JDK en Ubuntu 10.04
- 19. instalando paquetes de python en android
- 20. instalando sbt-assembly con sbt 0.11.2
- 21. Instalando GCC en Oracle Solaris 11
- 22. instalando simplejson en la appengine de google
- 23. instalando libxml2 en python 2.7 windows
- 24. python 2.7 no está instalando matplotlib
- 25. Instalando e importando javafx en Windows 7
- 26. Bundler instalando gemas en la ubicación incorrecta
- 27. Amazon Linux stack instalando Phusion Passenger
- 28. Instalando NodeJS en una máquina con Windows?
- 29. ¿Cómo interactuar instalando silenciosamente msi? (Datos de progreso y cancelarlo)
- 30. Construyendo/Instalando XDebug en Mac OSX con MAMP
Esto es obviamente una pregunta principiante, pero entiendo por qué se le está pidiendo. Los enlaces en la página de "instalación" (si puede llamarlo así) lo llevan directamente al archivo de texto, mostrando el archivo en el navegador (en lugar de descargarlo).No hay instrucciones para guardar el texto como un archivo real en su servidor web, y si bien los programadores experimentados pueden llenar los espacios en blanco, seguramente el objetivo de la documentación es proporcionar un producto ficticio. Con la excepción de Roland (que proporciona un enlace de descarga real), todas las respuestas en este hilo parecen pasar por alto este punto. – cartbeforehorse