От jquery ui до ext.js: обзор библиотек виджетов для построения интерфейса на js. часть 2

Фильтры элементов форм

Название	Описание
«:button»	элементы с тегом button или типом button
«:radio»	элементы, являющиеся переключателями
«:checkbox»	элементы, являющиеся флажками
«:text»	элементы, являющиеся текстовыми полями
«:password»	элементы, являющиеся полями ввода пароля
«:file»	элементы, являющиеся полями загрузки файлов
«:submit»	элементы, являющиеся кнопками отправки формы
«:reset»	элементы, являющиеся кнопками очистки формы
«:image»	элементы, являющиеся изображениями для отправки  формы (input типа image)
«:input»	элементы, являющиеся элементами формы (с тегами input,  textarea или button)
«:selected»	выбранные элементы (со статусом selected). Это могут быть  элементы типа <option>
«:focus»	элементы формы, находящиеся в фокусе.
«:checked	выбранные элементы (со статусом checked). Это могут быть  элементы типа <checkbox> или <radio>.
«:enabled»	активные элементы формы (со статусом enabled)
«:disabled»	неактивные элементы формы (со статусом disabled)

Стандартные анимации

Название	Описание
.hide() .show()	Скрывает/показывает элементы на странице (за счет  плавного изменения его размера и прозрачности).
.slideUp() .slideDown()	Разворачивает/сворачивает элементы на странице (за счет  плавного изменения высоты элементов).
.slideToggle()	Поочередно разворачивает/сворачивает элементы на  странице, как это делают .slideUp() и .slideDown().
.fadeIn() .fadeOut()	Скрывает/показывает элементы на странице за счет  плавного изменения прозрачности.
.fadeTo()	Плавно изменяет прозрачность элементов.
.fadeToggle()	Поочередно скрывает/показывает элементы на странице,  как это делают .fadeIn() и .fadeOut().

Перемещения по дереву DOM

Название	Описание
.children()	Находит все дочерние элементы у выбранных элементов.  При необходимости, можно указать селектор для  фильтрации.
.closest()	Находит ближайший, соответствующий заданному  селектору элемент, из числа следующих: сам выбранный  элемент, его родитель, его прародитель, и так далее, до  начало дерева DOM.
.find()	Находит элементы по заданному селектору, внутри  выбранных элементов.
.next()	Находит элементы, которые лежат непосредственно после  каждого из выбранных элементов.
.nextAll()	Находит элементы, которые лежат после каждого из  выбранных элементов.
.nextUntil()	Находит элементы, которые лежат после каждого из  выбранных, но не дальше элемента, удовлетворяющего  заданному селектору.
.offsetParent()	Возвращает ближайшего предка c позиционированием,  отличным от static (позиционирование по умолчанию)
.parent()	Находит родительские элементы у всех выбранных  элементов
.parents()	Находит всех предков у выбранных элементов, т.е. не  только прямых родителей, но и прародителей,  прапрародителей и так далее, до начало дерева DOM
.parentsUntil()	Находит предков, как и .parents(), но прекращает поиск  перед элементом, удовлетворяющим заданному селектору
.prev()	Находит элементы, которые лежат непосредственно перед  каждым из выбранных элементов
.prevAll()	Находит элементы, которые лежат перед каждым из выбранных элементов.
.prevUntil()	Находит элементы, которые лежат перед каждым из  выбранных, но не дальше элемента, соответствующего  заданному селектору.
.siblings()	Находит все соседние элементы (под соседними понимаются элементы с общим родителем).

Замена контента элемента указанным текстом

Метод может использоваться не только для чтения, но и для изменения содержимого указанного элемента. При этом HTML теги (если они присутствуют в тексте) будут закодированы с помощью спецсимволов.

<div id="info">
  Некоторый контент...
</div>
...
<script>  
  $('#info').text('<p>Другой контент...</p>');
</script>

После выполнения, элемент div с классом info будет иметь следующий HTML код:

<div id="info">
  &lt;p&gt;Другой контент...&lt;/p&gt;
</div>

На экране данный элемент будет выглядеть так:

<p>Другой контент...</p>

Если в выборке присутствует несколько элементов, то метод заменит содержимое каждого из них:

<p>Контент 1 ...</p>
<p>Контент 2 ...</p>
<p>Контент 3 ...</p>
...
<script>  
  $('p').text('Новый контент...');
</script>

Использование в качестве параметра метода функции (добавим в скобках к содержимому каждого выбранного элемента длину его текстовой информации):

<p class="text">Некоторое содержимое...</p>
<p class="text">Ещё некоторый контент...</p>
...
<script>
$('.text').text(function(index,text) {
  // параметры функции: index (порядковый номер элемента в выборке), text (его текущее содержимое)
  var textLength = text.length;
  return text + ' ('+ text.length +')';
});
</script>

How to build your own jQuery

First, clone the jQuery git repo.

Then, enter the jquery directory and run the build script:

cd jquery && npm run build

The built version of jQuery will be put in the subdirectory, along with the minified copy and associated map file.

If you want to create custom build or help with jQuery development, it would be better to install grunt command line interface as a global package:

Make sure you have installed by testing:

Now by running the command, in the jquery directory, you can build a full version of jQuery, just like with an command:

There are many other tasks available for jQuery Core:

Modules

Special builds can be created that exclude subsets of jQuery functionality.
This allows for smaller custom builds when the builder is certain that those parts of jQuery are not being used.
For example, an app that only used JSONP for and did not need to calculate offsets or positions of elements could exclude the offset and ajax/xhr modules.

Any module may be excluded except for , and . To exclude a module, pass its path relative to the folder (without the extension).

Some example modules that can be excluded are:

• ajax: All AJAX functionality: , , , , , transports, and ajax event shorthands such as .
• ajax/xhr: The XMLHTTPRequest AJAX transport only.
• ajax/script: The AJAX transport only; used to retrieve scripts.
• ajax/jsonp: The JSONP AJAX transport only; depends on the ajax/script transport.
• css: The method. Also removes all modules depending on css (including effects, dimensions, and offset).
• css/showHide: Non-animated , and ; can be excluded if you use classes or explicit calls to set the property. Also removes the effects module.
• deprecated: Methods documented as deprecated but not yet removed.
• dimensions: The and methods, including and variations.
• effects: The method and its shorthands such as or .
• event: The and methods and all event functionality.
• event/trigger: The and methods.
• offset: The , , , , and methods.
• wrap: The , , , and methods.
• core/ready: Exclude the ready module if you place your scripts at the end of the body. Any ready callbacks bound with will simply be called immediately. However, will not be a function and or similar will not be triggered.
• deferred: Exclude jQuery.Deferred. This also removes jQuery.Callbacks. Note that modules that depend on jQuery.Deferred(AJAX, effects, core/ready) will not be removed and will still expect jQuery.Deferred to be there. Include your own jQuery.Deferred implementation or exclude those modules as well ().
• exports/global: Exclude the attachment of global jQuery variables ($ and jQuery) to the window.
• exports/amd: Exclude the AMD definition.

The build process shows a message for each dependent module it excludes or includes.

AMD name

As an option, you can set the module name for jQuery’s AMD definition. By default, it is set to «jquery», which plays nicely with plugins and third-party libraries, but there may be cases where you’d like to change this. Simply set the option:

grunt custom --amd="custom-name"

Or, to define anonymously, set the name to an empty string.

grunt custom --amd=""

Custom Build Examples

To create a custom build, first check out the version:

git pull; git checkout VERSION

Where VERSION is the version you want to customize. Then, make sure all Node dependencies are installed:

npm install

Create the custom build using the option, listing the modules to be excluded.

Exclude all ajax functionality:

grunt custom:-ajax

Excluding css removes modules depending on CSS: effects, offset, dimensions.

grunt custom:-css

Exclude a bunch of modules:

grunt custom:-ajax/jsonp,-css,-deprecated,-dimensions,-effects,-offset,-wrap

There is also a special alias to generate a build with the same configuration as the official jQuery Slim build is generated:

grunt custom:slim

Как подключить скрипт jQuery в html

Подключение jQuery к странице осуществляется также как и любого другого JavaScript файла. Т.е. посредством добавления в HTML тега с атрибутом , в котором необходимо задать полный или относительный путь к файлу.

Подключение последней версии jQuery:

<script src="/assets/js/jquery-3.5.1.min.js"></script>

При этом разместить можно как секции в , так и в . Но где же лучше?

Раньше (до появления режимов и ) это рекомендовалось делать перед закрывающим тегом :

  ...
  <script src="/assets/js/jquery-3.5.1.min.js"></script>
</body>
</html>

При таком размещении скрипт не будет блокировать парсинг веб-страницы, т.к. его загрузка и выполнение будет осуществляться в самом конце. В результате, это приведёт к тому, что пользователь увидит содержимое страницы быстрее и сможет раньше с ней начать взаимодействовать.

Если бы мы сделали это по-другому, например, поместили в раздел , то создали бы «задержку» при обработке страницы в самом её начале. А это привело бы к тому, что пользователю пришлось бы дольше ждать отображения контента страницы.

Но сейчас так делать не рекомендуется. Лучше размещать скрипты как можно выше (в разделе ) с добавлением к ним атрибута или . Эти атрибуты будут «говорить» браузеру, что скрипт нужно загрузить в фоне, не останавливая при этом основной поток обработки страницы. Это позволит сделать сайт более производительным.

  ...
  <!-- отложенная загрузка библиотеки jQuery -->
  <script defer src="/assets/js/jquery-3.5.1.min.js"></script>
  ...
</head>
...

Использовать атрибут применительно к jQuery не имеет смысла, т.к. эту библиотеку мы в основном используем для изменения DOM. Но перед тем, как править DOM, он должен быть построен. Это сделать нам поможет использование атрибута . Атрибут гарантирует что скрипт выполниться только после того, как дерево DOM будет построено, но до события .

При этом, если на странице имеется несколько внешних скриптов с атрибутом , то они будут выполняться строго в том порядке, в котором они расположены в коде.

Пример отложенного подключения jQuery и своего внешнего скрипта, зависящего от этой библиотеки:

<!-- сначала выполнится jQuery -->
<script defer src="/assets/js/jquery-3.5.1.min.js"></script>
<!-- после jQuery свой скрипт, зависящий от jQuery -->
<script defer src="/assets/js/main.min.js"></script>

При непосредственном размещении JavaScript кода в HTML документе его необходимо поместить в обработчик события DOMContentLoaded (в этом случае его код выполнится после загрузки библиотеки jQuery):

<script>
  document.addEventListener('DOMContentLoaded', function() {
    // код, зависящий от jQuery
    ...
  });
</script>
<!-- отложенная загрузка jQuery -->
<script defer src="/assets/js/jquery-3.5.1.min.js"></script>

Определение данных

Пример начинается с определения данных. В нашем случае данные — это массив объектов, каждый из которых описывает отдельный вид цветочной продукции. Соответствующий фрагмент кода приведен ниже:

Данные выражаются в виде одного или нескольких объектов JavaScript. Библиотека шаблонов jQuery предоставляет значительную гибкость в выборе объектов, которые могут быть использованы в качестве данных, но представленный выше формат, соответствующий формату данных JSON, является наиболее распространенным. Формат JS0N играет очень важную роль, поскольку его часто используют при работе с Ajax.

В этом примере массив состоит из шести объектов, каждый из которых имеет ряд свойств, описывающих конкретный продукт: отображаемое имя, имя продукта, имеющееся количество единиц товара и цена.

Функция $() библиотеки jQuery

Доступ к возможностям jQuery осуществляется с помощью функции библиотеки jQuery $(…), которую мы будем называть просто функцией $(). Эта функция служит точкой входа в волшебный мир jQuery, а символ $ является удобным коротким псевдонимом пространства имен jQuery. Следующие два примера аналогичны (выводят сообщение после загрузки страницы):

Библиотека jQuery — не единственная библиотека JavaScript, в которой используется переменная $, что может привести к конфликтам имен, если в одном документе используется одновременно несколько библиотек. Чтобы не допустить возникновения проблем такого рода, можно передать контроль над переменной $ другим библиотекам, вызвав метод jQuery.noConflict(), как показано ниже (пример из предыдущей статьи):

Вы даже можете сами определить псевдоним для функции jQuery(). Это делается путем присваивания выбранной вами переменной результата вызова метода noConflict():

В этом примере для функции jQuery() создается новый псевдоним jq, который можно использовать в последующих сценариях. Независимо от выбранного способа обращения к основной функции jQuery(), ей передается один и тот же набор аргументов. Возможные варианты вызова этой функции перечислены в таблице ниже:

Варианты вызова основной функции jQuery()

Вариант вызова	Описание
$(функция)	Позволяет указать функцию, которая должна быть выполнена по завершении построения DOM
$(селектор) $(селектор, контекст)	Осуществляет выбор группы элементов в документе с помощью селектора
$(HTMLElement) $(HTMLElement[])	Создает объект jQuery из объекта или массива объектов HTMLElement
$()	Создает пустой набор элементов
$(HTML-код)	Создает новые элементы из фрагмента HTML-кода

Переход с jQuery на Vue.js

Перевод

Автор статьи, перевод которой мы публикуем сегодня, полагает, что в мире существует ещё много программистов, которые, когда им нужно разработать простое веб-приложение, обращаются к jQuery. Обычно это случается тогда, когда некую страницу нужно оснастить простыми интерактивными возможностями, но использование для этого какого-нибудь JavaScript-фреймворка кажется явным перебором. Ведь это — килобайты ненужного кода, шаблоны, инструменты для сборки проектов, средства для упаковки модулей… При этом подключить к странице jQuery, воспользовавшись CDN-ресурсом, проще простого.
В этом материале речь пойдёт о том, как перевести проект, созданный с использованием jQuery, на Vue.js. Этот проект будет создан на jQuery, а потом переработан с применением Vue. Автор материала хочет продемонстрировать всем желающим то, что использование Vue, даже в сравнительно небольших проектах, не обязательно означает чрезмерное увеличение размера кода таких проектов и большую дополнительную нагрузку на программиста. Это, наоборот, при практически тех же размерах вспомогательного кода, что и при использовании jQuery, позволяет повысить производительность труда и улучшить качество приложений.

Присоединяемые события

Метод	Описание
$.proxy()	Принимает функцию и возвращает новую, которая всегда будет иметь определенный контекст выполнения.
.off()	Позволяет удалить обработчик, или обработчики событий, присоединенные методом .on().
.on()	Приcоединяет для выбранных элементов функцию обработчика для одного или нескольких событий.
.one()	Приcоединяет для выбранных элементов функцию обработчика, которая будет выполнена не более одного раза к каждому элементу по каждому типу событий.
.trigger()	Позволяет выполнить все функции обработчики событий, присоединенные у выбранного элемента для данного типа события.
.triggerHandler()	Позволяет вызвать все функции обработчики событий, присоединенные у выбранного элемента по указанному типу событий без вызова самого события.

Reading JSON data

Suppose, you have declared a JSON variable named JsonData in the terminal and run jq command with that variable to print the content of that variable.

$ JsonData=»
$ echo «${JsonData}» | jq ‘.’

Reading JSON data with –c option

-c option uses with jq command to print each JSON object in each line. After running the following command, each object of JsonData variable will be printed.

$ echo «${JsonData}» | jq -c  ‘.[]’

Reading a JSON file

jq command can be used for reading JSON file also. Create a JSON file named Students.json with the following content to test the next commands of this tutorial.

Students.json

{«roll»: 3,»name»: «Micheal»,»batch»: 29,»department»: «CSE»},{«roll»: 55,»name»: «Lisa»,»batch»: 34,»department»: «BBA»},{«roll»: 12,»name»: «John»,»batch»: 22,»department»: «English»}

Run the following command to read Students.json file.

$ jq ‘.’ Students.json

You can use ‘|’ symbol in the following way to read any JSON file.

$ cat Students.json   | jq ‘.’

Reading single key values

You can easily read any particular object from a JSON file by using jq command. In Students.json, there are four objects. These are roll, name, batch, and department. If you want to read the value of department key only from each record then run jq command in the following way.

$ jq ‘.[] | .department’ Students.json

Reading multiple keys

If you want to read two or more object values from JSON data then mention the object names by separating comma (,) in the jq command. The following command will retrieve the values of name and department keys.

$ jq ‘.[] | .name, .department’ Students.json

Remove key from JSON data

jq command is used not only for reading JSON data but also to display data by removing the particular key. The following command will print all key values of Students.json file by excluding batch key. map and del function are used in jq command to do the task.

$ jq ‘map(del(.batch))’ Students.json

Mapping Values

Without deleting the key from JSON data, you can use map function with jq command for various purposes. Numeric values of JSON data can be increased or decreased by map function. Create a JSON file named Number.json with the following content to test the next commands.

40,34,12,67,45

Run the following command to add 10 with each object value of Numbers,json.

$ jq ‘map(.+10)’ Numbers.json

Run the following command to subtract 10 from each object value of Numbers,json.

$ jq ‘map(.-10)’ Numbers.json

Searching values by index and length

You can read objects from JSON file by specifying the particular index and length. Create a JSON file named colors.json with the following data.

«Red»,»Green»,»Blue»,»Yellow»,»Purple»

Run the following command to read two values starting from the third index of colors.json file.

$ jq ‘.’ colors.json

You can specify the length or starting index to read data from JSON file. In the following example, the number of data value is given only. In this case, the command will read four data from the first index of colors.json.

$ jq ‘.’ colors.json

You can specify the starting point only without any length value in jq command and the value can be positive or negative. If the starting point is positive then the index will count from the left side of the list and starting from zero. If the starting point is negative then the index will count from the right side of the list and starting from one. In the following example, the starting point is -3. So, the last three values from the data will display.

$ jq ‘.’ colors.json

When you will work with JSON data and want to parse or manipulate data according to your requirements then jq command will help you to make your task easier.

Test Suite Convenience Methods Reference (See test/data/testinit.js)

q( ... );

Example:

q("main", "foo", "bar");

=>  div#main, span#foo, input#bar 

t( testName, selector,  "array", "of", "ids"  );

Example:

t("Check for something", "//", "foo", "bar");

fireNative( node, eventType )

Example:

fireNative( jQuery("#elem"), "click" );

Add random number to url to stop caching

url( "some/url" );

Example:

url("index.html");

=> "data/index.html?10538358428943"


url("mock.php?foo=bar");

=> "data/mock.php?foo=bar&10538358345554"

Run tests in an iframe

Some tests may require a document other than the standard test fixture, and
these can be run in a separate iframe. The actual test code and assertions
remain in jQuery’s main test files; only the minimal test fixture markup
and setup code should be placed in the iframe file.

testIframe( testName, fileName,
  function testCallback(
      assert, jQuery, window, document,
	   additional args  ) {
	...
  } );

This loads a page, constructing a url with fileName .
The iframed page determines when the callback occurs in the test by
including the «/test/data/iframeTest.js» script and calling
when appropriate. Often this
will be after either document ready or fires.

The receives the QUnit object created by
for this test, followed by the global , , and from
the iframe. If the iframe code passes any arguments to ,
they follow the argument.

События формы

Метод	Описание
.blur()	Привязывает JavaScript обработчик событий «blur» (потеря фокуса элементом), или запускает это событие на выбранный элемент.
.change()	Привязывает JavaScript обработчик событий «change» (изменение элемента), или запускает это событие на выбранный элемент. Метод используется с элементами HTML формы.
.focus()	Привязывает JavaScript обработчик событий «focus» (получение фокуса элементом), или запускает это событие на выбранный элемент.
.focusin()	Привязывает JavaScript обработчик событий «focusin» (получение фокуса элементом, или любым вложенным элементом), или запускает это событие на выбранный элемент. Метод поддерживает всплывающие события (event bubbling).
.focusout()	Привязывает JavaScript обработчик событий «focusout» (потеря фокуса элементом, или любым вложенным элементом), или запускает это событие на выбранный элемент. Метод поддерживает всплывающие события (event bubbling).
.select()	Привязывает JavaScript обработчик событий «select» (срабатывает при выделении текста), или запускает это событие на выбранный элемент. Метод используется с элементом <input> (с текстовым типом type = «text») и элементом <textarea>.
.submit()	Привязывает JavaScript обработчик событий «submit» (обработчик отправки формы), или запускает это событие на выбранный элемент.

Получение текстового содержимого элемента

В jQuery получение содержимого элемента в виде обычного текста осуществляется с помощью метода . При этом все HTML теги, если они присутствуют в контенте, будут вырезаны.

Например, получим текстовое содержимое элемента и выведем его в контент другого элемента:

<p id="output"></p>
<button id="get-text">Получить текстовый контент элемента p</button>
<p id="text">Этот параграф содержит <a href="#">ссылку</a>.</p>
...
<script>  
$('#get-text').click(function() {
  var textContent = $('#text').text();
  $('#output').text(textContent);
});
</script>

Метод также как и возвращает содержимое только первого элемента выборки (если в ней присутствуют несколько элементов).

Управление анимацией

Название	Описание
.animate()	Выполняет анимацию, которая была создана  пользователем.
.queue()	Предоставляет/изменяет (в зависимости от параметров)  очередь функций.
.clearQueue()	Очищает очередь функций.
.dequeue()	Начинает выполнение следующей функции в очереди.
.stop()	Останавливает выполнение текущей анимации.
.delay()	Приостанавливает выполнение следующих анимаций на  заданное время.
.toggle()	Поочередно выполняет вызов одной из нескольких  заданных функций.
jQuery.fx.interval	Содержит временной промежуток между кадрами  анимации.
jQuery.fx.off	Отменяет выполнение всех анимаций.

Оборачивание простых JavaScript объектов в объект jQuery

jQuery позволяет использовать некоторые свои методы для выполнения операций над простыми объектами JavaScript (PlainObject).

Простой объект JavaScript (PlainObject) – это объект состоящий из пар «ключ-значение».

{
  key1:value1,
  key2:value2,
  ...
}

Но напрямую применять эти методы к таким объектам конечно же нельзя. Для этого простой объект JavaScript (PlainObject) нужно обернуть в jQuery-объект, т.е. передать его в качестве аргумента функции jQuery:

// простой объект JavaScript
var point = {
  x: 8,
  y: 7
}
// создание jQuery-объекта
var jObject = $(point);

В jQuery к простым объектам можно применять следующие операции: data, prop, on, off, trigger и triggerHandler.

При использовании метода data (или любого другого метода, использующего data) вы получите новое свойство объекта, которое будет иметь вид jQuery{rundomNumber}

Например:

//определение простого объекта
var myPlainObject = {key1: "value1", key2: "value2"};
//передать простой объект в функцию jQuery (оборачивание PlainObject)
var $myPlainObject = $(myPlainObject);
//получить у объекта значения свойства key1
$myPlainObject.prop("key1");//value1
//установить свойству key1 новое значение
$myPlainObject.prop("key1","newValue1");
//теперь $myPlainObject содержит новое свойство jQuery{rundomNumber}
$myPlainObject.data("key3","value3");
console.log($myPlainObject);
//привязать к объекту событие
$myPlainObject.on("eventName", function() {
  console.log("eventName was called");
});
//вызвать событие eventName у объекта $myPlainObject
$myPlainObject.trigger("eventName");

Примечание: Метод не проверяет, является ли значение, которое ему передали в качестве параметра, функцией или нет. Чтобы эту возможность использовать, необходимо применять метод .

$myPlainObject.triggerHandler("eventName");

Вычисление выражений

Объекты данных можно использовать не только для получения значений свойств. Если поместить между двумя фигурными скобками выражение JavaScript, то движок шаблонов вычислит его и вставит в сгенерированную шаблоном HTML-разметку. Соответствующий пример приведен ниже:

В этом шаблоне значение атрибута value элемента input устанавливается на основании значения свойства stocklevel с помощью тернарного условного оператора. Выражение, заключенное в фигурные скобки, играет ту же роль, какую играло бы записанное вместо него непосредственное значение свойства. Если значение свойства stocklevel больше нуля, то значение value устанавливается равным 1, в противном случае — 0.

Вид полученной страницы в окне браузера представлен на рисунке ниже. Значение stocklevel, большее нуля, установлено для всех цветов, кроме пионов:

Рассмотренный пример иллюстрирует основную схему работы с шаблонами: данные объединяются с шаблоном для получения DOM-объектов, которые затем добавляются в документ с использованием основной функциональности jQuery. Для генерации содержимого можно использовать как непосредственно заданные значения, так и вычисляемые выражения.

Список функций

Название	Описание
$.contains()	Проверяет, содержится ли один элемент страницы внутри  другого.
$.extend()	Объединяет два или более javascript-объекта.
$.globalEval()	Выполняет заданный скрипт в глобальной области  видимости.
$.grep()	Ищет в заданном массиве элементы удовлетворяющие  условиям.
$.inArray()	Ищет в заданном массиве конкретный элемент и  возвращает его индекс (или -1 в случае отсутствия  элемента).
$.isArray()	Проверяет, является ли заданный элемент массивом.
$.isEmptyObject()	Проверяет наличие (точнее отсутствие) содержимого в  заданном объекте.
$.isFunction()	Проверяет, является ли заданный элемент функцией.
$.isNumeric()	Проверяет, является ли заданный элемент числом.
$.isPlainObject()	Проверяет, является ли заданный элемент  пользовательским объектом (задан  средствами «{}» или «new Object»).
$.isWindow()	Проверяет, является ли заданный элемент объектом типа  window.
$.isXMLDoc()	Проверяет, находится ли DOM-объект внутри XML-документа (или сам является XML-документом).
$.makeArray()	Конвертирует массиво подобные объекты, в массивы.
$.map()	Выполняет заданную функцию для каждого элемента  массива или каждого поля объекта в отдельности.
$.merge()	Объединяет содержимое нескольких массивов, записывая  его в первый из них.
$.noop()	Пустая функция.
$.parseJSON()	Конвертирует строку с json-данными в javascript-объект.
$.parseXML()	Конвертирует строку xml в xml-документ.
$.proxy()	По заданной функции, создает другую, внутри которой  переменная this будет равна заданному значению.
$.trim()	Удаляет пробелы из начала и конца заданной строки.
$.type()	Определяет класс заданного объекта (речь идет о  внутренних классах javascript: string, boolean и т.д.).
$.unique()	Сортирует заданный массив с DOM-элементами,  выстраивая их в порядке расположения в DOM, а так же  удаляя повторения.