Служебные Методы jQuery
jQuery предлагает несколько служебных методов в пространстве имен $
. Эти методы полезны для того, чтобы выполнять рутинные задачи программирования.
Ниже приведены примеры нескольких из служебных методов jQuery:
$.trim()
Удаляет ведущие и конечные пробельные символы:
Пример
alert ( $.trim( " пример удаления пробельных символов с trim " ) );
Попробуйте Сами »
$.each()
Выполняет итерации по массивам и объектам:
Пример
console.log( "элемент " + idx + " равен " + val );
});
Попробуйте Сами »
Пример
console.log( k + " : " + v );
});
Попробуйте Сами »
Метод .each()
может быть вызван на выборке, чтобы пройти по элементам, содержащимся в выборке. Именно .each()
, а не $.each()
, должен использоваться для того, чтобы выполнять итерации по элементам на выборке.
$.inArray()
Возвращает индекс значения в массиве, или -1, если значение не находится в массиве:
Пример
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
в переданной функции во второй параметр.
Пример
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