Главная страница   /   5.3. $ функция jQuery (Pro jQuery

Pro jQuery

Pro jQuery

Адам Фриман

5.3. $ функция jQuery

Вы получаете доступ к jQuery, используя функцию $(...), которую я для простоты буду называть $ функцией. $ функция является точкой входа в удивительный мир jQuery, а также краткой записью функции jQuery. Если хотите, вы можете переписать скрипт и использовать полное название функции, как показано в листинге 5-3.

Листинг 5-3: Использование функции jQuery вместо краткой записи
...
<script type="text/javascript">
	jQuery(document).ready(function () {
		jQuery("img:odd").mouseenter(function (e) {
			jQuery(this).css("opacity", 0.5);
		}).mouseout(function (e) {
			jQuery(this).css("opacity", 1.0);
		});
	});
</script>
...

Работа этого скрипта такая же, как и в предыдущем примере. Он требует немного больше набора, но зато явно показывает использование jQuery.

jQuery – это не единственная библиотека JavaScript, в которой применяется запись $. Это может привести к конфликту, если вы пытаетесь использовать несколько библиотек в одном документе. Можно сделать так, чтобы jQuery не использовал $, если вызвать метод jQuery.noConflict, как показано в листинге 5-4.

Листинг 5-4: jQuery теряет управление над $
<script type="text/javascript">
	jQuery.noConflict();
	jQuery(document).ready(function () {
		jQuery("img:odd").mouseenter(function (e) {
			jQuery(this).css("opacity", 0.5);
		}).mouseout(function (e) {
			jQuery(this).css("opacity", 1.0);
		});
	});
</script>

Также можно определить собственную краткую запись. Это можно сделать, если присвоить результат метода noConflict переменной, как показано в листинге 5-5.

Листинг 5-5: Использование альтернативной краткой записи
<script type="text/javascript">
	var jq = jQuery.noConflict();
	jq(document).ready(function () {
		jq("img:odd").mouseenter(function (e) {
			jq(this).css("opacity", 0.5);
		}).mouseout(function (e) {
			jq(this).css("opacity", 1.0);
		});
	});
</script>

В этом примере я создал собственную краткую запись, jq, а потом использовал эту запись в моем скрипте.

Совет

В книге я буду использовать запись $, поскольку это стандартная запись для jQuery (и потому что я не буду использовать никакую другую библиотеку, которая применяет $).

Независимо от того, как вы обращаетесь к основной функции jQuery, вы можете передать ей один и тот же набор аргументов. Они описаны в таблице 5-2. Все эти типы аргументов, кроме последнего (о нем я расскажу в главе 7), описаны далее в этой главе.

Таблица 5-2: Аргументы основной функции jQuery
Аргумент Описание
$(function) Определяет функцию, которая будет выполнена, когда будет готов DOM
$(selector)
$(selector, context)
Выбирает элементы из документа
$(HTMLElement)
$(HTMLElement[])
Создает jQuery объект из HTMLElement или массив HTMLElement объектов
$() Создает пустую выборку
$(HTML) Создает новые элементы из фрагмента HTML