标签归档：jQuery

[翻译]jQuery的show/hide性能测试

发表于 2010年7月26日 由 icyfire

这篇文章是jQuery各种show/hide方式的性能测试。作者之所以测试这个源于Robert Duffy在San Francisco举行的jQuery大会上的一句话：“.hide()和.show()的执行速度会比直接改变css慢”。但由于未能找Robert Duffy问明原因，所以作者就自己去做了这个测试。下面的翻译并不是全文翻译，只节选了一些重点。

用作测试的是一个含有100个div的HTML页面，div带有class和一些内容。为了排除掉寻找这些div所花费的时间，所以把选择器$('div')缓存起来了。用作测试的jQuery版本是1.4.2，所以测试结果也只是针对这个版本，在其他版本可能就不是这些结果了。

测试的jQuery方法分别是：

  • .toggle()
  • .show() 和 .hide()
  • .css({'display':'none'}) 和 .css({'display':'block'})
  • .addClass('hide') 和 .removeClass('hide')
  • 改变<style>元素的一个属性

继续阅读 →

发表在 网站前端 | 标签为 | 一条评论

[转]jQuery中10个非常有用的遍历函数

发表于 2010年3月29日 由 icyfire

使用jQuery，可以很容易的选择HTML元素。但有些时候，在HTML结构较为复杂时，提炼我们选择的元素就是一件麻烦的事情。在这篇教程中，我们将探讨十种方法去精炼和扩展我们将要操作的集合。

继续阅读 →

发表在 网站前端 | 标签为 | 留下评论

[jQuery]怎样开发一个jQuery插件

发表于 2009年10月28日 由 icyfire

jQuery是当前最为流行的JavaScript库，许多网站使用它来实现一些动态效果和Ajax功能。然而，很少的开发者会深入去研究插件的开发。

在这篇教程里，我们将会创建一个简单的插件来解释一些基础。这个插件的作用是将一个或者多个选择的节点的文本翻转。

Translated by icyfire @ Canaand on Wed, 28th Oct.
看得懂代表你理解能力强，看不懂代表我翻译能力烂…… 继续阅读 →

发表在 网站前端 | 标签为 , | 留下评论

[jQuery]FancyBox

发表于 2009年7月29日 由 icyfire

Fancybox

又一个实现Lightbox效果的jQuery插件，不过采用了Mac系统的样式。它主要有以下功能：

  • 弹出的窗口有很漂亮的阴影效果。
  • 关联的对象（就是rel标签的值一样）会成组显示，上面还有导航的按钮（上一项，下一项）。
  • 可以显示图片、内联、ajax和iframe内容。
  • 可以通过设置参数和CSS定制效果。
  • 通过easing插件可以实现fancy transitions效果（就是一些动画效果）。

继续阅读 →

发表在 网站前端 | 标签为 , | 留下评论

[jQuery]Airport - Information board text effect

发表于 2009年7月16日 由 icyfire

好久没更新啦，找个几分钟就能写完的充下数…… 继续阅读 →

发表在 网站前端 | 标签为 , , , | 留下评论