$ функция 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 |
