метод на данни в jQuery

Методът за данни на jQuery ни дава възможността да свързваме произволни данни към всеки документ или JavaScript обект, което прави кода ви по-сбит и четим. Започвайки с jQuery 1.4.3, е възможно да се използва този метод върху javaScript обекти, както и да се проследяват промените в тези данни.

Основни положения

Като за начало можете да извикате метода за данни на jQuery обект и можете също да използвате директно функцията $.data().

Функцията за данни е реализация на ниско ниво, която всъщност се използва от сайта източник http://yapro.ru вторник, 16 ноември 2010 г. 10:25:58 GMT+0300, когато методът се извиква. Обектният метод на jQuery е много по-удобен и също така ви позволява да се включите като верига от повиквания.

Също така имайте предвид, че трябва да предадете DOM елемент като първи параметър на функцията $.data, а не jQuery обект.

Методът на обект изисква два параметъра, ключ и стойност. Ключът е низова константа, а стойността е всяка структура от данни, включително масивни функции и обекти. Има алтернативен синтаксис, при който можете да подадете обект като единичен параметър:

Сега, ако трябва да получите съхранените данни, можете да извикате функцията за данни, като й предадете ключа като параметър:

Достъпът до тези данни е отворен навсякъде в скрипта. Ще получите съхранените данни, стига да има елемент, който се получава от дадения селектор.

В jQuery 1.4.3 също са налични HTML5 данни, съхранени в атрибути. Това е източникът на сайта http://yapro.ru Tue Nov 16 2010 10:26:08 GMT+0300 означава, че ако имате елемент, деклариран по този начин:

В този случай можете да получите данни от атрибута data-internal-id, като извикате метода $("#img1").data("internal-id"), което несъмнено е удобнона AJAX заявки.

Използване на метода за данни върху JavaScript обекти

Може да се изненадате, но методът на данните може да се използва и върху обикновени javaScript обекти. Тази функционалност официално се появи в jQuery 1.4.3.

Горният пример всъщност създава градска собственост върху дадения обект. Защо просто не напишете myObj.city = "Springfield" в този случай? Разликата е, че методът за данни добавя няколко полезни събития към обекта, които улесняват работата с този обект. Например:

В горния пример използваме метода за данни, за да създадем прост API, с който можем да актуализираме елемент.

Има още две събития, които могат да се използват за javaScript обект:

• getData - Задейства се преди четене на данни. Можете да го използвате за предварителна обработка на получените данни. Например, за да преизчислите стойността.
• changeData - задейства се, когато данните са зададени или променени. Това събитие се използва в приставката за връзка за данни jQuery. Позволява ви да обвържете данни от формуляр към javascript обект и да третирате полетата на формуляра като свойства на обекта.

Зад кулисите

jQuery създава празен обект (за любопитните се нарича $.cache), който е хранилище на всички стойности, които съхранявате с метода за данни. На всеки елемент от DOM, който се използва с метода за данни, се присвоява уникален идентификатор, който след това е ключът за достъп до данните в обекта $.cache.

jQuery съхранява не само потребителски данни в този кеш, но и вътрешни данни, манипулатори на събития, които закачате с помощта на функциите live (), bind () и delegate ().Използването на централен магазин прави jQuery по-стабилен.

Заключение

Методът на данните е само една от многото функции на jQuery, които улесняват живота на уеб разработчиците. В комбинация с другите характеристики на библиотеката, това представлява солидна основа, на която можем да разчитаме.

---