Опубликуйте свои короткие функции для функций jQuery

Ответ 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;
};

Ответ 2

вы можете использовать это, чтобы увидеть, существует ли селектор.

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

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

Ответ 3

Интерпретирует абсолютные URL-адреса на странице как внешние ссылки и устанавливает их для открытия на новой вкладке и имеет дружественный заголовок и класс для конкретного стиля.

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

Ответ 4

Подключаемый валидация является удивительным. Использовал его в приложении ASP.NET MVC для динамической проверки содержимого на клиенте с помощью ajax... даже возвратил пользовательские сообщения об ошибках на основе ввода пользователей... очень круто.

Ответ 5

Быстрый и простой AJAX:

Ниже вы можете создавать привязки типа

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

которые выполняют запрос AJAX на URL href и вводят результат в первый элемент, определенный селектором в атрибуте anchor 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();
    }
);

Ответ 6

http://plugins.jquery.com/ размещает всевозможные плагины, как большие, так и малые, и будет гораздо более полным и полезным ресурсом, чем этот поток может быть, извините.

Ответ 7

ах Я немного от первоначального вопроса, но если есть фрагмент "get/set 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;
}

Ответ 8

Расширение селекторов, т.е. создание собственных пользовательских селекторов. Вот пример для двух:

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

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

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

Ответ 9

Просто ярлык для получения/установки идентификатора элемента.

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

Это jID на сайте плагинов jQuery.