[笔记] JQuery 中的 .data() 方法妙用

章节连结

近期在维护旧版本 JQuery 为主的网站内,遇上要在不同的 JQuery 物件中传递一些从 ajax 或是使用者选取的资料。这时 JQuery 中内建的 .data() 方法就是一个相当方便的储存位置。不过要注意的是:若你是要取用 html 标签上的 data-* ,那么 * 中所有的大写值都会强制转换成小写。若你是自己写入 .data() 内的 key-value 就没有这个限制。
jquery


程式码

以下列 jQuery UI Dialog 为例子,在按下 Add 按钮时,先在$(‘#edit-tag-dialog’)中加入自订的 key-value,这样就可以在 callback 函式中取出。


参考资料

1. Passing data to a jQuery UI Dialog
2. jQuery .data()与.attr()笔记两则
3. JQuery – html tag 的资料属性取得(data-)
4. [技术分享] 什么是 HTML 5 中的资料属性(data-* attribute)


按赞加入粉丝团

延伸阅读