hasclass javascript jquery custom-selectors

javascript - hasclass - jquery selector



¿Qué selectores jQuery personalizados útiles has escrito? (3)

Como se sugieren selectores personalizados en stackoverflow, los agregaré aquí

Seleccione el estilo ''URL''

Seleccionando el ingreso de texto vacío usando jQuery

Para mí, una de las mejores características de jQuery, aunque poco utilizada, es el selector personalizado . Tengo un ejemplo bastante trivial de esto, para seleccionar todos los cuadros de texto que están vacíos:

$(document).ready(function() { $.extend($.expr['':''], { textboxEmpty: function(el) { var $el = $(el); return ($el.val() == "") && ($el.attr("type") == "text"); } }); });

Y para llamar:

alert($(":textboxEmpty").length);

Me preguntaba, realmente, si alguien más tenía algunos ejemplos útiles de selectores personalizados que han escrito.

Por supuesto, no estoy ciego a las trampas de estos, y me doy cuenta de que pueden ser bastante lentos y, como tales, deberían combinarse con otros selectores más rápidos. Sería útil saber si hay algún otro problema que debamos tener en cuenta.


No he escrito ninguno, sin embargo, James Padolsey tiene una gran colección de complementos de selección (para elementos a la vista, para enlaces externos, para elementos con una propiedad específica .data , etc.)


Si está utilizando ASP.NET, este selector lo ayudará a encontrar los controles del servidor por id:

$.expr[":"].asp = function(a, i, m) { return $(a).attr(''id'') && $(a).attr(''id'').endsWith(m[3]); };

Si tenías un control de servidor que parecía

<asp:TextBox runat="server" ID="txtPhoneNumber" />

Podrías acceder de esta manera.

$(":asp(txtPhoneNumber)")

EDITAR

Olvidé agregar la extensión endsWith

String.prototype.endsWith = function(str) { return (this.match(str + ''$'') == str); };