jQuery: AJAX hecho fácil
Lunes, Mayo 14, 2007En un post anterior ya hablé de jQuery, lo usé para que los enlaces de OBG incluyan un icono a la izquierda que indique cuando salen del blog.
-
jQuery.noConflict();
-
jQuery(document).ready(function(){
-
jQuery("a").not("[@href*='otrobloggeek.com']").css("background", "transparent url(/blog/wp-includes/images/link-externo.png) no-repeat");
-
jQuery("a").not("[@href*='otrobloggeek.com']").css("padding", "0 0 2px 18px");
-
});
Este es el código en cuestión. Es una pequeña demostración de la potencia que nos brinda esta librería. Uno de los puntos fuertes de jQuery son los selectores, que nos permiten recorrer el árbol DOM del documento XML en cuestión; en nuestro ejemplo es HTML. jQuery nos permite mezclar selectores CSS con XPATH, con lo que podemos seleccionar cualquier elemento de la página de forma sencilla. Además, la documentación es bastante completa.
Yo he tenido algún quebradero de cabeza al intentar usarla por que uno de los plugins de OBG usa Prototype, otra librería similar a jQuery y ambas usan el mismo atajo para los selectores: $. Por suerte la documentación de JQuery explica qué hacer en estos casos.
Por cierto, el código de ejemplo, traducido a lenguaje natural sería algo así como: “Selecciona todos los enlaces cuyo destino no contenga ‘otrobloggeek.com’ y ‘ponlos guapos’”.
