Какие практические применения вы применили к методу jQuery data ()?

Question

Поскольку вопрос в значительной степени подытоживает, я делаю презентацию по некоторым «скрытым» аспектам jQuery, включая функцию data ().

Я вполне доволен тем, как работает функция, но изо всех сил пытаюсь найти достаточно реальных примеров использования, помимо базовой установки / получения и идентификации событий, связанных с элементом.

Что еще вы использовали $('#myElement').data() для?

Answer 1

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

• текст для отображения в водяном знаке
• пусто или нет
• CSS-класс для использования с пустыми / непустыми текстовыми полями
• и т.д ..

Answer 2

Я использовал его, чтобы назначить «имя» каждой странице сайта, которое затем соответствует набору данных этой страницы в массиве JSON. Простой способ создать одну функцию Javascript, которая говорит: «если pagename имеет значение [foo], то используйте узел [foo] из файла JSON для заполнения этой страницы."

Я мог бы объяснить это лучше, чем это, если бы оно было далеко к югу от 1 часа ночи.

Answer 3

Мне это пригодилось несколько раз- Я обнаружил, что он часто пригодится для отслеживания данных, связанных с элементом, но не отображаемых.

Например, один созданный мной сайт создателя персонажей RPG использовал данные для кеширования идентификаторов умений за кулисами. В другом разделе мне нужно было отобразить точки в атрибуте. Они отображались в удобном для пользователя формате «5D + 2», но хранились за кулисами в необработанном виде. Использование данных было быстрее и проще, чем использование скрытого элемента для хранения той же информации.

Он также может использоваться для кэширования более сложных данных за кулисами - например, информации из вызова Ajax, который будет использоваться повторно.