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

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

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

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

Answer 3

将页面上的绝对网址解释为外部链接，并将其设置为在新标签页中打开并拥有友好标题＆amp;特定造型的课程。

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

Answer 4

validation插件非常棒。在ASP.NET MVC应用程序中使用它来使用ajax动态验证客户端上的内容...甚至根据用户输入返回自定义错误消息...非常酷。

Answer 5

快速简便的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 6

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

Answer 7

啊我有点偏离最初的问题，但如果有“获取/设置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 8

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

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

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

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

Answer 9

只是获取/设置元素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。

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

9 个答案: