您为jQuery的data()方法应用了哪些更实际的用途?

时间:2009-09-12 19:56:11

标签: jquery function

随着问题的总结,我正在介绍jQuery的一些更“隐藏”的方面,包括data()函数。

我对这个函数的工作原理感到很满意,但我很难在基本设置/获取和识别绑定到元素的事件之外提出足够的实际用法示例。

您还使用了什么$('#myElement').data()

3 个答案:

答案 0 :(得分:2)

创建jQuery插件时,我通常使用.data()函数来保存元素的状态。例如,假设您正在创建一个在文本框中未输入文本时显示水印文本的插件,则可以使用.data()来存储文本框的状态:

  • 要在水印中显示的文字
  • 是空的还是
  • 用于空/非空文本框的CSS类
  • 等。

答案 1 :(得分:0)

我已经把它派上用场了几次 - 我发现它经常用于跟踪与元素相关但未显示的数据。

例如,我构建的一个RPG角色创建者网站使用数据来缓存幕后的技能ID。在另一部分中,我需要显示属性中的点。它们以用户友好格式“5D + 2”显示,但以原始形式保存在幕后。使用数据比使用隐藏元素保存相同信息更快更容易。

它还可以用于在幕后缓存更复杂的数据 - 例如来自将要重用的Ajax调用的信息。

答案 2 :(得分:0)

我用它为站点中的每个页面分配一个“名称”,然后该页面对应于JSON数组中该页面的数据集。构建一个Javascript函数的简单方法是:如果pagename是[foo],那么使用JSON文件中的[foo]节点来填充该页面。“

如果它不是在凌晨1点以后就可以解释得更好。