¿Hay una emulación jquery shell/analizador en línea donde puedo ingresar comandos jquery simples en un fragmento HTML pegado y ver sus efectos o capturar sus salidas. Sería de gran ayuda entender las funciones básicas de jquery en lugar de abrir un nuevo archivo html y escribir código desde cero.Online jquery shell/parser
aplausos
Sí, use JSBin, solo asegúrese de elegir "jQuery" en el menú de incluir antes de comenzar.
Usted puede hacer esto con la consola en firebug para Firefox. Lo hago con frecuencia Simplemente acceda a cualquier página que tenga referenciada la biblioteca jQuery, ¡y escriba su corazón!
Lo bueno de esto es que no está limitado a una sola página de muestra. Cada sitio web habilitado con jQuery en línea se convierte en tu área de juegos cuando tienes la consola Firebug.
Y antes de FireBug le da la capacidad de modificar la fuente de una página, puede pegar cualquier HTML adicional que desee en cualquier página, y luego escribir más jQuery contra el código HTML recién pegado.
Aparentemente hay una extensión llamada FireQuery para firebug para facilitar esto.
Jaja ... muy cierto, voy a menudo a la jQuery sitio web para probar rápidamente cosas. También instalé FireQuery para FireBug, así que puedo agregar jQuery a cualquier página web para probar. –
incluso puede ir a la barra de direcciones de cualquier navegador y escribir 'javascript: $ (" algo "). Hide()' –
Pero le falta la capacidad de ejecutar los comandos en un "fragmento de html pegado" como solicitó el OP. . - Bueno, supongo que podrías usar la función HTML de edición de Firebug. Hmmm ... mi mente está pensando :) –
Si usted no tiene quemador, o si no se está usando Firefox puede probar Lite Firebug:
http://getfirebug.com/lite.html
Especialmente útil es el bookmarklet. Desplácese hasta la sección "Firebug lite como bookmarklet" y guarde ese enlace como marcador. Ahora abra la página en la que desea probar jQuery y cargue el bookmarklet.
Si la página no tiene jQuery ya cargado puede escribir lo siguiente en la consola de Firebug:
var s = document.createElement('script');
s.src = 'http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js';
document.body.appendChild(s);
jqueryconsole.com es mi favorito
¡Cosas increíbles! No sabía que esto existía. –