轩枫阁

前言

最近在折腾jQuery插件，写成插件的目的就是为了实现功能与项目相分离，使得这个代码在下一个项目中能直接引用不出错。这使得我们在写插件的时候，就得考虑清楚，怎么写才能使得插件能够通用、灵活度高、可配置、兼容性好、易用性高、耦合度低等。

接下来就对以下几种写法进行分析，前两个是jQuery插件，后面2个是以对象的形式开发，都类似。而且写法也很多，我们要懂得这样写的利弊。另一篇基础文章：jQuery 插件写法

写法一

插件主体

查看全文

也许很多人都在使用jQuery，因为它给我们的开发效率、兼容处理、代码量等方面带来了很多便利。无论是什么，都会有它需要优化的地方，即使你平常没注意到。那下面来看看这篇优秀的外国文章的翻译版，相信会对你有所用处。

我一直在寻找有关jQuery性能优化方面的小窍门，能让我那臃肿的动态网页应用变得轻便些。找了很多文章后，我决定将最好最常用的一些优化性能的建议列出来。我也做了一个jQuery性能优化的简明样式表，你可以打印出来或者设为桌面背景。

一、选择器性能优化建议

1. 总是从#id选择器来继承

这是jQuery选择器的一条黄金法则。jQuery选择一个元素最快的方法就是用ID来选择了。 查看全文

attr()方法

一般jQuery中，获取或设置属性的值是通过attr()方法。如：

• 返回文档中所有图像的src属性值：$(“img”).attr(“src”);
• 为所有图像设置src和alt属性：$(“img”).attr({ src: “test.jpg”, alt: “Test Image” });

prop()方法

而jquery的1.6版本中，增加了prop()，方法，有什么用意呢？大家都知道有的浏览器只要写disabled，checked就可以了，而有的要写成disabled = “disabled”，checked=”checked”，比如用attr(“checked”)获取checkbox的checked属性时选中的时候可以取到值,值为”checked”但没选中获取值就是undefined。

jq提供新的方法“prop”来获取这些属性，就是来解决这个问题的，以前我们使用attr获取checked属性时返回”checked”和undefined,现在使用prop方法获取属性则统一返回true和false。 查看全文

每每看到网友Blog的页面底部或中间有一个按钮回到页面顶部，羡慕死人了，但自己就是做不出这样的效果。后来在google和baidu搜寻了一下，仔细思考，并不像当初想象的那么复杂。经过整理贴到blog中与大家一起分享一下。

查看全文

前言

假使我们不需要兼容IE6这个浏览器的话，我们完全可以使用纯CSS来制作一个多级导航。比如说Devin R. Olsen写的《Pure CSS Vertical Menu 》就是一个纯CSS制作的导航。那么今天我也要介绍一个不用插件制作的导航，而且用户不支持js的情况下，在现代浏览器中多级导航菜单功能也正常。首先可以看下面的一个Demo。 查看全文