jQuery: Customizable layout using drag and drop (examples) - 1. Getting started with sortable lists. jQuery: 10 mini tutoriales para principiantes (que saben Javascript) – Parte 1 - Juanma Guerrero. La idea de estos mini tutoriales es que los que recién están comenzando con jQuery puedan ponerse en marcha rápidamente y conseguir llevar a cabo algunas tareas muy útiles en cortísimo tiempo. Hay que perderle el miedo a lo “desconocido” y probar nuevas tecnologías constantemente así que, si querías ver qué tal es jQuery y aún no te animabas ¡sigue leyendo! Ten en cuenta que la idea no es que te quedes con estos “snippets” superficiales sino que con el tiempo vayas profundizando en el uso y funcionamiento de esta librería de javascript. Para sumergirte de lleno en el tema aquí está el link a la documentación oficial de jQuery. 1 Referencia al archivo fuente de jQuery alojado en Google La idea básica es que, en vez de descargar y subir el archivo fuente de jQuery a tu propio servidor, lo llames directamente desde el servidor de Google.
Así te debería quedar la llamada al script en el código de tu sitio: 2 Ejecutando código no-obstrusivo cuando el DOM está listo. Accordion de jQueryUI. El plugin accordion de jQueryUI nos permite mostrar contenidos de una manera dinámica. Explicamos cómo utilizarlo. A lo largo de varios artículos estamos explicando muchos de los componentes, también llamados "widgets", que jQueryUI dispone para los interesados en crear interfaces de usuario enriquecidas. En este caso vamos a tratar un componente interesante, que seguro puede aportar mucho dinamismo a los contenidos de nuestra página web. Se trata del "Accordion", o acordeón en español, que permite mostrar diversos contenidos clasificados en secciones, de manera que se mantenga abierta una de esas secciones y se cierre automáticamente solo al abrir otra.
Si conocemos un poco jQueryUI ya habremos podido experimentar lo sencillo que resulta, con el mínimo código, crear componentes de interfaces de usuario potentes y versátiles. Lo primero que podemos hacer es ver en este enlace cómo es un accordion y el código que hemos utilizado para generarlo: $("#accordion").accordion(); 30 Days to Learn jQuery - Tuts+ Course. List of Videos for jQuery. Using jQuery to Enhance the Appearance and Usability of a Web Page - NetBeans Tutorial. jQuery is a light-weight JavaScript library that allows programmers to easily and quickly add enhancements to the appearance and behaviors of their web pages. jQuery's syntax is concise and makes use of variables in the form of CSS selectors as a way of connecting an effect with any targeted element of the DOM, be it a unique element (id), or set of elements (class), or arbitrarily chosen. Because jQuery is JavaScript, it can be embedded in any project where JavaScript can be applied.
This tutorial demonstrates how to get started using jQuery in NetBeans projects, and take advantage of the IDE when working in any front-end project involving HTML, CSS, and JavaScript files. Primarily, you'll be shown how to invoke code completion on functions, and use the integrated API support. You'll also be introduced to key jQuery concepts, including the $(document).ready function call, the use of CSS-selector-like jQuery objects, and the chaining together of jQuery effects and behaviors. Contents. jQuery. jQuery API Documentation. jQuery UI. jQuery UI Demos. jQuery UI offers a combination of interaction, effects, widgets, utilities, and themes designed to work well together or on their own.
Play with the demos, view the source, build a theme, read the API documentation and start using jQuery UI today. Interactions Interactions add basic mouse-based behaviors to any element. You can create sortable lists, resizable elements, drag & drop behaviors and more with just a few lines of code. Interactions also make great building blocks for more complex widgets and applications. Widgets Widgets are full-featured UI controls that bring the richness of desktop applications to the Web. Effects Effects add support for animating colors and class transitions, as well as providing several additional easings. Utilities Utilities used by jQuery UI to build interactions and widgets. jQuery Learning Center.