Tag Archives: jQuery

Сброс очереди анимации на элементе в jquery

Если нужно срочно прекратить анимацию (к примеру, как результат выполнения ajax-запроса), а она всё продолжается, то нужно сделать так:

$el.queue("fx", []);

1	$el.queue("fx", []);

Такое может быть, когда на элементе есть сложная анимация, связанная с отображением элемента, а по результату ajax-запроса элемент нужно скрыть. Подробно об очередях — на сайте jquery

FireBug console.table

В FireBug1.6 появился новый способ вывода — console.table

Пример jquery-ui виджета

Виджет добавляет инпуту кнопки, упрощающие генерацию маски, и строку для показа сгенерированного по маске значения. Виджет выложен исключительно для примера. Использовать напрямую нельзя (только с моего письменного разрешения). К сожалению так, прошу извинить.

Динамическое добавление/удаление полей форм в Django

Задача стояла следующая: есть список сущностей (к примеру, упражнений), каждая из которых в форме выводится в виде нескольких полей ввода (к примеру, сеты и название упражнения), хочется иметь возможность яваскриптом добавлять/удалять упражнения, менять их положение. Для этого были использованы формсеты (django.forms.formsets) и jquery на клиенте. В теории всё так: в шаблон передаём формы из формсета …

Выборка DOM-элементов по селекторам

Постоянно забываю запись всех атрибут селекторов для jquery. Памятка с примерами использования: 1. Элемент с атрибутом [A] Выбирает все элементы с атрибутом. Пример:

$( "checkbox[checked]" )

1	$( "checkbox[checked]" )

Выбрать все чекбоксы с атрибутом «checked». 2. Элемент с атрибутом A, равным B [A=B] Пример:

$( "input[name='my-name']" )

1	$( "input[name='my-name']" )

Выбрать все инпуты с атрибутом «name», равным «my-name». 3. Элемент с атрибутом A, не равным …

	arraysAreEqual: function( Arr1, Arr2 )
	{
		var equal = ( Arr1.length == Arr2.length );
		if ( equal )
		{
			$.each( Arr1, function ( key, val ) {
				if ( $.inArray( val, Arr2 ) == -1 )
				{
					equal = false;
					return false;
				}
			} );
		}
		return equal;
	},

arraysAreEqual: function( Arr1, Arr2 )

{

var equal = ( Arr1.length == Arr2.length );

if ( equal )

{

$.each( Arr1, function ( key, val ) {

if ( $.inArray( val, Arr2 ) == -1 )

{

equal = false;

return false;

}

} );

}

return equal;

Как написать плагин для jQuery

Перепечатка статьи, ссылка на оригинал в конце статьи. За последнее время было много просьб рассказать о том, как написать свой собственный плагин к jQuery. Идя навстречу пожеланиям трудящихся бескрайних полей Интернета – выполняю эти просьбы… Для того, чтобы лучше понять принципы, поставим себе какую-нибудь несложную задачу, имеющую хотя бы минимальную практическую пользу. Давайте вместе напишем …

Увеличиваем скорость загрузки сайта используя lazy-load изображений

http://habrahabr.ru/blogs/client_side_optimization/87083/

Найти ближайшего по иерархии родителя с заданным классом в jQuery

$parentElem = $( '#myComment' ).parents( '.specialClass' );

1	$parentElem = $( '#myComment' ).parents( '.specialClass' );

Найти ближайший предыдущий элемент с заданным классом в jQuery

UPD: Речь про элементы- «братья» текущего. Чтобы выбрать ближайший предыдущий камент, имеющий класс specialClass:

$prevSpecial= $( '#myComment' ).prevAll( '.specialClass:first' );

1	$prevSpecial= $( '#myComment' ).prevAll( '.specialClass:first' );