javascript - official - jquery-3.3.1.min.js download

Publique sus funciones de extensión corta goodies para jQuery

Question

De forma similar al tema de extensión de c # en SO Sería genial si pudiéramos reunir una gran cantidad de útiles extensiones de función de jQuery.

Tenga en cuenta que la idea es tener breves fragmentos de código no completos bien conocidos o widgets ui

Answer 1

El complemento de validación es impresionante. Lo usé en una aplicación ASP.NET MVC para validar dinámicamente cosas en el cliente usando ajax ... incluso devolvió mensajes de error personalizados basados ​​en la entrada de los usuarios ... muy bueno.

Answer 2

http://plugins.jquery.com/ aloja todo tipo de complementos, tanto grandes como pequeños, y será un recurso mucho más completo y útil de lo que este hilo podría ser alguna vez, lo siento.

Answer 3

puede usar esto para ver si existe un selector.

if($.exists(''#mydiv'')) { }

$.exists = function(selector) {
    return ($(selector).length);
}

Answer 4

Solo un atajo para obtener / configurar la ID de un elemento.

 (function($) {
    $.fn.id = function(newDOMID){
        var $this = $(this); 
        if($this.attr(''id'')){
            if(!newDOMID){
                $this.id.getID($this);
            }
            else {
                $this.id.setID($this,newDOMID);
            }   
        }
        else {
            alert(''The target no longer appears to be a part of the DOM!'')
        }
    };
    $.fn.id.getID = function($this){
        return $this.attr(''id'');
    };
    $.fn.id.setID = function($this,newDOMID){
        $this.attr(''id'',newDOMID);
        return this
    };
})(jQuery);

Es jID en el sitio de complementos de jQuery.

Answer 5

Ah, estoy un poco alejado de la pregunta inicial, pero si existe el fragmento "obtener / establecer una identificación", entonces tengo un código para crear identificadores únicos:

$.increment = function (){
    var me = arguments.callee;  
    if (!me.count) me.count = 0;
    return ++me.count;      
}

$.domToSelector = function (jq, options){
    var selectors = [], i = 0; defaults = {}, opts = $.extend(defaults,options);
    $(jq).each(function(){  
        var $node = $(this);    
        if ($node.attr(''id'')){
            selectors[i] = ''#''+$(this).attr(''id'');      
        }
        else{
             var customId = ''''+new Date; 
             customId = customId.replace(/ /g, '''').replace(/:/g, '''').replace(//+/g, '''');
             customId = customId+''_''+$.increment();
             if (opts.prefix)  customId = opts.prefix+customId;
             $node.attr(''id'', customId);
             selectors[i] = ''#''+customId;        
        }
        i++;    
    });
    if (selectors.length == 1) selectors = selectors[0];    
    return selectors;
}

Answer 6

Extender selectores, es decir, escribir sus propios selectores personalizados. Aquí hay una muestra para dos:

$(document).ready(function(){
    $.extend($.expr['':''], {
        inputEmpty: inputEmpty,
        inputNotEmpty: inputNotEmpty
    });
});

function inputEmpty(el) {
    return $(el).val() == "";
}

function inputNotEmpty(el) {
    return $(el).val() != "";
}

Answer 7

Interpreta las URL absolutas en la página como enlaces externos, y las configura para abrir en una nueva pestaña y para tener título y clase amigables para un estilo específico.

$("#content [href^=''http'']:not(a:has(''img''))").each(function(){$(this).attr("target", "_blank").addClass("external").attr("title", "External Link to " + $(this).attr("href"))});

Answer 8

AJAX rápido y fácil:

Los siguientes te permiten hacer anclas como

<a href=''http://www.google.com/'' rel=''#myselector'' class=''ajax'' />

que hacen una consulta AJAX en la URL href e inyectan el resultado en el primer elemento definido por el selector en el atributo rel del anclaje.

// Allow hrefs with the class ''ajax'' and a rel attribute set with a selector to load content via ajax into the selected element.
$(''.ajax'').unbind(''click'').click
(
    function(e)
    {
        $($(this).attr(''rel'')).load($(this).attr("href"));
        e.preventDefault();
    }
);

Answer 9

// Allows chainable logging
// USAGE: $(''#someDiv'').hide().log(''div hidden'').addClass(''someClass'');
// Demo : http://jsbin.com/odeke
jQuery.log = jQuery.fn.log = function (msg) {
      if ( window.console && window.console.log ) {
         console.log("%s: %o", msg, this);
      }
      return this;
};