Служебные Методы jQuery

jQuery предлагает несколько служебных методов в пространстве имен $. Эти методы полезны для того, чтобы выполнять рутинные задачи программирования.

Ниже приведены примеры нескольких из служебных методов jQuery:

$.trim()

Удаляет ведущие и конечные пробельные символы:

Пример

// Возвращает "пример удаления пробельных символов с trim"
alert ( $.trim( "    пример удаления пробельных символов с trim    " ) );

Попробуйте Сами »

$.each()

Выполняет итерации по массивам и объектам:

Пример

$.each([ "foo", "bar", "baz" ], function( idx, val ) {
    console.log( "элемент " + idx + " равен " + val );
});

Попробуйте Сами »

Пример

$.each({ foo: "bar", baz: "bim" }, function( k, v ) {
    console.log( k + " : " + v );
});

Попробуйте Сами »

Метод .each() может быть вызван на выборке, чтобы пройти по элементам, содержащимся в выборке. Именно .each(), а не $.each(), должен использоваться для того, чтобы выполнять итерации по элементам на выборке.

$.inArray()

Возвращает индекс значения в массиве, или -1, если значение не находится в массиве:

Пример

var myArray = [ 1, 2, 3, 5 ];

if ( $.inArray( 4, myArray ) !== -1 ) {
    console.log( "найдено!" );
    
}

Попробуйте Сами »

$.extend()

Изменяет свойства первого объекта, используя свойства последующих объектов:

var firstObject = { foo: "bar", a: "b" }; var secondObject = { foo: "baz" }; var newObject = $.extend( firstObject, secondObject ); console.log( firstObject.foo ); // "baz" console.log( newObject.foo ); // "baz"

Если Вы не хотите изменять никакой из объектов, которые Вы передаете $.extend(), передайте пустой объект как первый параметр:

var firstObject = { foo: "bar", a: "b" }; var secondObject = { foo: "baz" }; var newObject = $.extend( {}, firstObject, secondObject ); console.log( firstObject.foo ); // "bar" console.log( newObject.foo ); // "baz"

$.proxy()

Возвращает функцию, которая всегда будет запускаться в предоставленном контексте — то есть, устанавливает значение this в переданной функции во второй параметр.

Пример

var myFunction = function() {
    console.log( this );
};
var myObject = {
    foo: "bar"
};

myFunction(); // window

var myProxyFunction = $.proxy( myFunction, myObject );

myProxyFunction(); // myObject

Попробуйте Сами »

Если у Вас есть объект с методами, можно передать объект и имя метода, чтобы возвратить функцию, которая будет всегда работать в контексте объекта.

var myObject = { myFn: function() { console.log( this ); } }; $( "#foo" ).click( myObject.myFn ); // HTML Элемент #foo $( "#foo" ).click( $.proxy( myObject, "myFn" ) ); // myObject

Далее: JavaScript Метод Function.bind

Смотрите также
Комментарии
Написать

(обязательно)

(обязательно)

Это не спам (обязательно)