为你的jQuery发布你的短扩展函数好东西

Question

与SO上的c＃扩展主题类似，如果我们可以把大量有用的jQuery函数扩展集合在一起，那将是非常棒的。

请注意这个想法是有代码没有完全成熟的知名插件或UI部件

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

的validation插件是真棒短的片段。在ASP.NET MVC应用程序中使用它来动态验证客户端上的东西使用Ajax ...甚至基于用户输入返回的自定义错误消息...非常酷。

Answer 3

http://plugins.jquery.com/承载各种各样的插件，无论大小，都将是一个比这个线程更加全面和有用的资源，对不起。

Answer 4

只是获取/设置元素ID的快捷方式。

(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); 

它是jQuery插件网站上的jID。

Answer 5

您可以使用它来查看选择器是否存在。

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

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

Answer 6

啊 我有点掉最初的问题，但如果有“获取/设置一个ID”片断，然后 我有一些代码来创建唯一的ID：

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

快速，方便AJAX：

下让你做出像锚

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

它对href URL执行AJAX查询，并将结果注入由选择器在定位点rel属性中定义的第一个元素。

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

解释的页面，外部链接的绝对URL，并将它们设置在打开一个新标签，并具有友好的标题&类特殊造型。

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

Answer 9

扩展选择器，即编写自己的自定义选择器。下面是两个样本：

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

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

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