jquery性能优化28条（五）_real小辉侠

个人资料

微博

正文字体大小：大中小

jquery性能优化28条（五）

(2011-12-23 14:26:15)

标签：

分类： jquery那些事

13. 采用jQuery的内部函数data()来存储状态

不要忘了采用.data()函数来存储信息：

1

2

3

$('#head').data('name',

'value');

// 之后在你的应用中调用:

$('#head').data('name');

14. 使用jQuery utility函数

不要忘了简单实用的jQuery的utility函数。我最喜欢的是$.isFunction(), $isArray()和$.each()。

15. 为HTML块添加“JS”的class

当jQuery载入之后，首先给HTML添加一个叫”JS”的class

1

$('HTML').addClass('JS');

只有当用户启用JavaScript的时候，你才能添加CSS样式。例如：

1

2

.JS #myDiv{display:none;}

所以当JavaScript启用的时候，你可以将整个HTML内容隐藏起来，用jQuery来实现你想实现的（譬如：收起某些面板或当用户点击它们时展开）。而当Javascript没有启用的时候，浏览器呈现所有的内容，搜索引擎爬虫也会勾去所有内容。我将来会更多的使用这个技巧。

阅读┊ 收藏 ┊ 喜欢 ▼ ┊打印┊举报/Report