Чтение онлайн

Если потребуется обойти в цикле все элементы в объекте

, вместо цикла можно использовать метод Метод напоминает метод массивов, определяемый стандартом ECMAScript 5 (ES5). В единственном аргументе он принимает функцию обратного вызова, которая будет вызвана для каждого элемента в объекте (в порядке следования в документе). Эта функция вызывается как метод элемента, т.е. внутри функции ключевое слово ссылается на объект . Кроме того, метод передает функции обратного вызова индекс и элемент в первом и втором аргументах. Обратите внимание, что ссылка и второй аргумент ссылаются на обычные элементы документа, а не на объекты . Если для работы с элементом внутри функции потребуется использовать методы объекта , передайте этот элемент функции .

Метод

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

Несмотря на широту возможностей, метод

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

Библиотека jQuery поддерживает методы массивов, определяемые стандартом ES5, и содержит пару методов, по своей функциональности похожих на методы в стандарте ES5. Метод

объекта действует практически так же, как метод Он принимает функцию обратного вызова в виде аргумента и вызывает ее для каждого элемента в объекте , собирая значения, возвращаемые этой функцией, и возвращая новый объект , хранящий эти значения. Метод вызывает функцию точно так же, как это делает метод он передает ей элемент в виде ссылки и во втором аргументе, а в первом аргументе - индекс элемента. Если функция обратного вызова вернет null или undefined, это значение будет проигнорировано и не будет добавлено в новый объект . Если функция обратного вызова вернет массив или объект, подобный массиву (такой как объект ), этот объект будет «развернут» и содержащиеся в нем элементы по отдельности будут добавлены в новый объект . Обратите внимание, что объект , возвращаемый методом может хранить объекты, не являющиеся элементами документа, но он по-прежнему будет действовать как объект, подобный массиву. Например:

Функция

похожа на метод объекта , с которым мы познакомились в разделе 15.2.5: оба принимают CSS-селектор в виде аргумента и возвращают объект, подобный массиву, хранящий элементы, соответствующие селектору. Библиотека jQuery использует метод в броузерах, поддерживающих его, однако существуют веские причины, почему в своих программах следует использовать функцию , а не метод :

• Метод

был реализован производителям броузеров относительно недавно. Функция работает не только в новых, но и в старых броузерах.

• Благодаря тому что библиотека jQuery может производить выборку элементов «вручную», селекторы CSS3, поддерживаемые функцией

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

• Объект, подобный массиву, возвращаемый функцией

(объект ), намного удобнее в работе, чем объект (), возвращаемый методом .

Наряду с методами

и объект имеет еще один фундаментальный метод - Этот метод принимает элемент в виде аргумента и возвращает его индекс в объекте или -1, если указанный элемент не будет найден. Однако, что типично для , метод имеет перегруженные версии. Если в качестве аргумента передать методу объект , он попытается отыскать первый элемент из этого объекта. Если передать строку, метод будет использовать ее как CSS-селектор и вернет индекс первого элемента в объекте , соответствующего селектору. А если вызвать метод без аргументов, он вернет индекс первого элемента в объекте среди элементов одного с ним уровня вложенности.

Последним методом общего назначения объекта

, с которым мы познакомимся здесь, является метод Он принимает селектор в виде аргумента и возвращает true, если хотя бы один из выбранных элементов соответствует указанному селектору. Его можно использовать в функции обратного вызова, передаваемой методу например:

Простейшими и часто используемыми операциями, которые выполняются над объектами

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