Veröffentlichen Sie Ihre kurze Erweiterung Funktionen Goodies für jQuery

Question

In einem ähnlichen eitel zum C# Erweiterung Thema auf SO Es wäre toll, wenn wir eine ganze Reihe von nützlichen jQuery Funktionserweiterungen zusammenziehen könnte.

Bitte beachten Sie die Idee ist kurz Code-Schnipsel nicht ausgewachsenen bekannten Plugins oder ui Widgets

Answer 1

// 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; 
}; 

Answer 2

Der validation Plug-in ist genial zu haben. Benutzte es in einer ASP.NET MVC-App, um Sachen auf dem Client mit ajax dynamisch zu validieren ... gab sogar benutzerdefinierte Fehlermeldungen zurück, die auf den Benutzereingaben basierten ... sehr cool.

Answer 3

http://plugins.jquery.com/ hostet alle Arten von Plugins, große und kleine, und wird eine viel umfassendere und nützliche Ressource als dieser Thread jemals sein könnte, sorry.

Answer 4

Nur eine Verknüpfung zum Abrufen/Festlegen der ID eines Elements.

(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 ist jID auf der jQuery-Plugins-Website.

Answer 5

Sie können dies verwenden, um zu sehen, ob ein Selektor existiert.

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

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

Answer 6

ah Ich bin ein bisschen weg von der ursprünglichen Frage, aber wenn es der "get/set einer id" Schnipsel, dann habe ich einigen Code eindeutige IDs zu erstellen:

$.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 7

Schnelle und einfache AJAX:

Die folgenden können Sie Anker wie

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

machen

, die eine AJAX-Abfrage für die URL href ausführen und das Ergebnis in das erste Element einbetten, das vom Selektor im Attribut rel des Ankers definiert wird.

// 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 8

Interpretiert absolute URLs auf der Seite als externe Links und stellt sie einen neuen Tab zu öffnen, in und freundliche Titel & Klasse für spezielle Styling zu haben.

Answer 9

Erweitern von Selektoren, d. H. Schreiben eigener benutzerdefinierter Selektoren. Hier ist ein Beispiel für zwei: