Java: Función de jQuery

<div class="glpost"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyepJ6c0NV7j3yuVhoUKE7uWnfnC13iGytEn5EWRO7VNtLi8KH-SblQaPL1fEppIXuA1ZKreHKeCQxJlFCzLNke4OgTWAdPYBfF-RqeNiG0h2JUpCHCVlM_k-vLsi0GE7eyTF7BAa6WDk/s1600/eventos_jquery.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="362" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyepJ6c0NV7j3yuVhoUKE7uWnfnC13iGytEn5EWRO7VNtLi8KH-SblQaPL1fEppIXuA1ZKreHKeCQxJlFCzLNke4OgTWAdPYBfF-RqeNiG0h2JUpCHCVlM_k-vLsi0GE7eyTF7BAa6WDk/s640/eventos_jquery.jpg" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><br /><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="MsoNormal"><span class="" id="result_box" lang="es"><span class="">La biblioteca jQuery proporciona una capa de abstracción de propósito general para scripts web comunes y, por lo tanto, es útil en casi todas las situaciones de secuencias de comandos. Su naturaleza extensible significa que nunca podríamos cubrir todos los usos y funciones posibles en un solo libro, ya que los complementos se desarrollan constantemente para agregar nuevas habilidades. Sin embargo, las características principales nos ayudan a realizar las siguientes tareas:</span></span><br /><ul><li>Acceder a elementos en un documento: sin una biblioteca JavaScript, los desarrolladores web a menudo necesitan escribir muchas líneas de código para recorrer el árbol <i><b>Document Object Model (DOM) </b></i>y localizar porciones específicas de la estructura de un documento <i><b>HTML</b></i>. <br />Con <i>jQuery</i>, los desarrolladores tienen un mecanismo selector robusto y eficiente a su disposición, por lo que es fácil recuperar la pieza exacta del documento que necesita ser inspeccionado o manipulado.</li></ul><pre class="brush: js;" style="background: #fff; color: #3b3b3b;"><span style="color: #a535ae;">$</span>('<span style="color: #016cff;">div</span><span style="color: #963dff;">.content</span>').<span style="color: #45ae34; font-weight: 700;">find</span>('<span style="color: #016cff;">p</span>');</pre> <br /><ul><li><span class="" id="result_box" lang="es"><span class="">Modifica la apariencia de una página web: CSS ofrece un poderoso método para influir en la forma en que se representa un documento, pero se queda corto</span></span><span class="" id="result_box" lang="es"><span class=""> cuando los navegadores web no son compatibles con los mismos estándares. Con jQuery, los desarrolladores pueden salvar esta brecha, confiando en el mismo soporte</span></span><span class="" id="result_box" lang="es"><span class="">de estándares en todos los navegadores. Además, jQuery puede cambiar las clases o las propiedades de estilo individuales aplicadas a una parte del documento</span></span><span class="" id="result_box" lang="es"><span class="">incluso después de que la página se haya procesado.</span></span></li></ul><pre class="brush: js;" style="background: #fff; color: #3b3b3b;"><span style="color: #a535ae;">$</span>('<span style="color: #016cff;">ul</span> > <span style="color: #016cff;">li</span>:first')<span style="color: #45ae34; font-weight: 700;">.addClass</span>(<span style="color: #666666;">'active'</span>);</pre> <br /><ul><li>Alterar el contenido de un documento: No limitado a meros cambios cosméticos, jQuery puede modificar el contenido de un documento con pocas tecleadas. El texto puede ser cambiado, las imágenes pueden ser insertadas o intercambiadas, las listas pueden ser reordenadas, o toda la estructura del HTML puede ser reescrita y extendida, todo con una sola interfaz de programación de aplicaciones (API) fácil de usar.</li></ul><pre class="brush: js;" style="background: #fff; color: #3b3b3b;"><span style="color: #006699; font-weight: 700;">$</span> (<span style="color: #666666;">'#container'</span>) <span style="color: #45ae34; font-weight: 700;">.append</span>(<span style="color: #666666;">'<a herf="more.html">more</a>'</span>);</pre> <br /><br /><ul><li>Responder a la interacción de un usuario: Incluso los comportamientos más elaborados y poderosos no son útiles si no podemos controlar cuándo ellos ocurren. La biblioteca jQuery ofrece una manera elegante de interceptar una gran variedad de eventos(por ejemplo cuando un usuario hace clic en un enlace) sin la necesidad de enturbiar el código HTML en sí con los controladores de eventos. Al mismo tiempo, su API de gestión de eventos elimina las inconsistencias del navegador que a menudo afectan a los desarrolladores web.</li></ul> <br /><pre class="brush: js;" style="background: #fff; color: #3b3b3b;"><span style="color: #a535ae;">$</span>('<span style="color: #016cff;">button</span><span style="color: #963dff;">.show-details</span>')<span style="color: #45ae34; font-weight: 700;">.click</span>(<span style="color: #ff5600;">function</span>(){<br />   <span style="color: #a535ae;">$</span>('<span style="color: #016cff;">div</span><span style="color: #963dff;">.details</span>')<span style="color: #45ae34; font-weight: 700;">.show</span>();<br />});</pre> <br /><ul><li>Animar los cambios que se están realizando en un documento: Para implementar eficazmente estos comportamientos interactivos, el diseñador también debe proporcionar comentarios visuales al usuario. La biblioteca de jQuery facilita esto proporcionando una variedad de efectos como fades y wipes, así como un kit de herramientas para crear nuevas pantallas gráficas.</li></ul> <br /><pre class="brush: js;" style="background: #fff; color: #3b3b3b;"><span style="color: #a535ae;">$</span>('<span style="color: #016cff;">div</span><span style="color: #963dff;">.details</span>')<span style="color: #45ae34; font-weight: 700;">.slideDown</span>();</pre> <br /><ul><li>Recuperar información de un servidor sin actualizar una página: Este patrón de código se ha conocido como Ajax, que originalmente representaba JavaScript asíncrono y XML, pero desde entonces ha llegado a representar un conjunto mucho mayor de tecnologías para la comunicación entre el cliente y el servidor. La biblioteca jQuery elimina la complejidad específica del navegador de este proceso responsivo, lo que permite a los desarrolladores centrarse en la funcionalidad del servidor.</li></ul> <br /><pre class="brush: js;" style="background: #fff; color: #3b3b3b;"><span style="color: #a535ae;">$</span>('<span style="color: #016cff;">div</span><span style="color: #963dff;">.details</span>')<span style="color: #45ae34; font-weight: 700;">.load</span>(<span style="color: #666666;">'more.html #content'</span>);</pre> <br /><ul><li>Simplificar las tareas comunes de JavaScript: Además de todas las características específicas de documentos de jQuery, la biblioteca proporciona mejoras a las construcciones básicas de JavaScript, como la iteración y la manipulación de arrays.</li></ul> <br /><pre class="brush: js;" style="background: #fff; color: #3b3b3b;"><span style="color: #006699; font-weight: 700;">$</span><span style="color: #45ae34; font-weight: 700;">.each</span>(obj, <span style="color: #ff5600;">function</span>(key, value) {<br />   total <span style="color: #006699; font-weight: 700;">+</span><span style="color: #006699; font-weight: 700;">=</span> value;<br />});</pre> <br /><div class="alert-message alert"><div style="text-align: center;"><span style="font-size: large;"><i><b><a class="button red" href="http://miscapu.blogspot.com.br/2016/11/la-perfeccion-de-jquery.html" target="_blank">Siguiente Capítulo: ¿Por qué jQuery funciona tan bien?</a></b></i></span>  </div><div class="alert-del-btn"></div></div></div>

Jquery : ¿Qué hace jQuery?

La biblioteca jQuery proporciona una capa de abstracción de propósito general para scripts web comunes y, por lo tanto, es útil en casi toda...

Mais informações »