Ubuntu 下安装 dropbox

显然当局已经开始对Dropbox进行控制了，原因大概是因为dropbox可以无须任务授权地分享资料，只需要把文件放入public文 件夹，然后告知URL就可以下载到，类似于google docs。所以dropbox的public link很早就不能访问了。后来发现用https还可以下载，如https://dl.dropbox.com/u/1042790/Top%20Secret.txt， 如果换成http就不能了。

今天想在ubuntu下重新安装一下dropbox，于是卸载旧的deb包，下载新 包，安装，一切正常。然后启动，发现不行了。错误信息：

Trouble connecting to Dropbox servers. Maybe your internet connection is down, or you need to set your http_proxy environment variable.

开始还以为真是网络问题，多试几次之后来才意识到可能撞墙了。幸亏前几天看过Dropbox客户端源码(可以在这里下载)，立马就明白了是哪个地方撞墙。

在卸载Dropbox之前使用是正常的，可以登陆、同步，但重装之后就不行了，那是因为Dropbox的linux客户端并没有包含完整的 dropbox程序，能够下载deb包到的只是Dropbox的一个壳，包括客户端源码也是。安装成功后第一次启动会下载一个Daemon，启动界面也说 得很清楚:

In order to use Dropbox, you must download the proprietary daemon.

就是这个地方撞墙，官方网站没有提供这个daemon的下载地址，因此只能先连接国外翻墙VPN，然后再下载，但对于没有VPN的同学来说可能就麻 烦了。所以需要找到这个Daemon的下载地址。从Dropbox客户端源码可以找到这个地址。

先编译安装(./configure && make)，然后在源码根目录下有个名为dropbox的Python程序，还好Python代码具有天然的易读性，很轻松就能找到下载地址，其中有一 段:

class DownloadState(object):
def __init__(self):
try:
self.file = urllib.urlopen(“http://www.getdropbox.com/download?plat=%s” % plat())
except IOError:
FatalVisibleError(“Trouble connecting to Dropbox servers. Maybe your internet connection is down, or you need to set your http_proxy environment variable.”)
fcntl.fcntl(self.file, fcntl.F_SETFL, os.O_NONBLOCK)

还记得FatalVisibleError中的提示语吗，对，就是刚才安装过程中出现的错误提示。所以urllib.urlopen中的参数就是下 载地址了。还有一个小问题就是plat()的值，这是一个函数，找到这个函数：

def plat():
if sys.platform.lower().startswith(‘linux’):
arch = platform.machine()
if (arch[0] == ‘i’ and arch[1].isdigit() and arch[2:4] == ‘86′):
plat = “x86″
elif arch == ‘x86_64′:
plat = arch
else:
FatalVisibleError(“Platform not supported”)
return “lnx.%s” % plat
else:
FatalVisibleError(“Platform not supported”)

如果还看不出来这个函数的返回值，可以单独拿出来运行一下，其返回值为lnx.x86，所以Daemon的下载地址就是：

http://www.getdropbox.com/download?plat=lnx.x86

复制到浏览器中试试，很快链接被reset，但只要浏览器中有翻墙代理就可以下载了。我已经下载上传到我的博客了，在这里：dropbox-lnx.x86-0.7.110.tar.gz。 如果你很幸运找到我这篇博客，就可以不用翻墙下载了

但还有一个问题，下载之后放哪儿？从源码也可以找出答案，我就不贴源码了，直接给出结果~/.dropbox-dist/，记住是将解压之后的结果 放在这路径下。从源码可知，第一次启动Dropbox时，他会在这个路径下查找~/.dropbox-dist/dropboxd程序，如果存在，则运 行，不存在，则下载tar包，并解压至此。

– end –

那个青年双手 叉腰

在一个潮湿的地下室里.一个双眉紧锁的青年，手里拿着干涩的面包，聚精会神地看着桌子上世界地图，他深深地陷入了沉思：国家下一步的发展策略是什 么？国际形式会怎样发展？怎样处理好国际关系？如何对美军、台湾全面作战，一个个难题他需要思索，需要抉择。正在这时，外面响起了剧烈的砸门声，一个声音 高叫着：“都他妈把门打开，不然踹门了，把身份证暂住证都准备好。”他含泪默不出声…..一会儿外面的人走远了，强大的信念再次站了起来，他迅速调整好了 情绪，满怀激情地进入了下一番思考。
然后写成了中国如何战胜美国的战略研究的一篇帖子，发在了贴血和无有之香论坛。
那个青年双手 叉腰，有点像敬爱的M主席在延安的样子.

struts2 annotations下载

使用jexcel生成excel，使用annotations配置下载的参数。

@Results( { @Result(name = BaseDownLoadAction.DOWNLOAD, type = "stream", params = { "contentType", "application/vnd.ms-excel",

"inputName", "inputStream", "contentDisposition", "attachment;filename=\"${downloadFileName}\"", "bufferSize",

"4096" }) })

public class DownLoad2Action extends ActionSupport{

public static final String DOWNLOAD = "download";

private String fileName;// 初始的通过param指定的文件名属性

public String getFile() throws Exception{

setFileName("add的.xls");

return BaseDownLoadAction.DOWNLOAD;

}

public InputStream getInputStream() throws Exception {

WritableWorkbook workbook = Workbook.createWorkbook(new File("d:\\a.xls"));

WritableSheet sheet = workbook.createSheet("测试", 0);

Label label = new Label(0, 0, "hello world 从");

sheet.addCell(label);

workbook.write();

workbook.close();

return new FileInputStream(new File("d:\\a.xls"));

}

/** 提供转换编码后的供下载用的文件名 */

public String getDownloadFileName() {

String downFileName = fileName;

try {

downFileName = new String(downFileName.getBytes(), "ISO8859-1");

} catch (UnsupportedEncodingException e) {

e.printStackTrace();

}

return downFileName;

}

public void setFileName(String fileName) {

this.fileName = fileName;

}

}

访问的URL：down-load2!getFile.action

params 中使用键值对进行设置：key1，value1，key2，value2.....；对应response相应头

jquery shell

对编写jquery的脚本，帮助很大;很实用的一个扩展

https://chrome.google.com/extensions/detail/cbbihnlpjnikhccblfddkbddcggagbci

前端开发的利器-Aptana

如今前端设计和开发分工明确，对于专注于前端开发的同学来说，希望能有一款完美支持的前端技术的开发工具。adobe Dreamweaver一向把持着web开发设计的主导地位，由过去的“所见即所得”的开发理念，逐渐转变为对设计环境和开发环境不同的环境支持。adobe系列对于web设计的整合很完美，可是对于web开发上的支持就不怎么样了。即使如此，我也还是很喜欢用Dreamweaver的编辑功能，写css很顺手，写js还成，毕竟对于js的话，我也才上手。

不过我发现了这么一款前端开发工具——aptana（http://www.aptana.org/），可以让我抛弃Dreamweaver了。

Aptana过去是有免费版和收费的pro版，不过从2.0版已经完全免费且开源了。由于是基于eclipse开发的，所以也是跨平台的。现在时2.01

除了完美对html、css、js的支持，装上相应插件后，可以实现对各种流行ajax库的支持。（–！我就会jQuery……）此外还有对ruby、python、php这些开发语言的支持。还有对adobe air的开发也是支持的。总之就是很豪华的一套工具！更详细的移步Aptana官方主页：http://www.aptana.org/

官方提供了独立安装包和eclipse插件两种安装方式。

一、独立安装包。

直接解压安装即可。可能因为存在其他eclipse的IDE，所以运行的时候，可能会出现workspace出错等问题。

解决方式：

在桌面快捷方式的目标路径后面加“-data”参数以另外指定一个workspace的路径。例如："D:\Aptana Studio 2.0\AptanaStudio.exe" –data e:\workspace

二、插件安装。

可以在基于eclipse所有的IDE上安装。比如，myeclipse、zend studio之类的。

eclipse的安装通常有两种方法：

1、在”help”-“Install new software”中加http://download.aptana.org/tools/studio/plugin/install/studio这个地址安装插件。

不过速度慢，据说容易出问题，还是不要这样折腾的好。

2、下载插件安装。

先去http://www.aptana.org/studio/plugin这下载插件吧。

在HELP->Install New Software中点击Add…打开Add site，然后点击Archive选择下载的插件安装。

安装好了之后可以在plugin manager中添加你所需要的插件。

ajax库支持

从上图中我们可以看出Aptana提供了丰富的ajax库支持。装上你常用的库，你就可以在项目中更好的使用Aptana对ajax这些流行库的支持。

对项目添加ajax库支持的操作流程：

1、右击项目->import

2、选择Aptana下的Ajax Library Import Wizard

3、勾选你所要用的库

4、然后确定导入即可。

然后编程中，这些导入的库将自动提供支持。

Tips：

1、我从Aptana2.0开始使用那会对jQuery的支持还有些问题：对$不支持，只能使用jQuery。在官方论坛上也发现有人提交了这个bug。所幸第二天2.01版就出来了修正了这个bug。

2、在菜单 Window / Preferences / General / Keys ，然后找到“Content Assist”这一项可以修改快捷键。我用的是AIT+/。

3、如果jQuery这些库的支持没有出现的话，首先确认你已经装了相应插件，然后在Window / Preferences / Aptana/Editors/JavaScript/Code Assit中勾选相应的库支持。

jquery实现lightbox效果

页面中主要的两个容器：

放置内容的div，一开始此div不显示

背景的div，在页面弹出的时候，设置背景的颜色和透明度

x
标题
内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容

function popUpCenter(){
   var o = $("#popUpContainer");
   o.addClass("popUpWindow");
   /**
    1、窗口宽：document.body.clientWidth
    2、div的宽度：o.css("width")
     .css("width")取得的是css属性中的宽度。
     .width()取得的是元素的width属性。
     IE中使用.width()去不到css中设置的宽度，firefox则可以
    3、$('.popUpWindowBg').css('filter', 'alpha(opacity=40)');
     设置ie的透明度，此项写在css文件中没有效果。firefox则没问题。
   */
   o.css({"left":parseInt(document.body.clientWidth)/2 - parseInt(o.css("width").substring(0,o.css("width").length -2))/2 + "px","top":parseInt(window.screen.availHeight)/2 - parseInt(o.css("width").substring(0,o.css("height").length -2))/2 - 50 + "px"});
   o.show();
   $('.popUpWindowBg').css('filter', 'alpha(opacity=40)');// IE8 USE
   $('.popUpWindowBg').fadeIn(500);
  }
  $(document).ready(function(){
   /**
    关闭窗口
   */
   $(".closeWindow").click(function(){
    $('#popUpContainer').fadeOut(500);
    $('.popUpWindowBg').fadeOut(500);
   });
   $(".popUpWindowBg").click(function(){
    $('#popUpContainer').fadeOut(500);
    $('.popUpWindowBg').fadeOut(500);
   });
  });

走向架构师之路博文分享

摘要：这是一位软件工程师逐渐走向架构师的心路历程

* 在客户端做路由和负载（走向架构师之路） http://blog.csdn.net/cutesource/archive/2010/03/30/5432923.aspx 2010-03-31 09:48:47

* 关于C3P0容错和自动重连特性的研究（走向架构师之路） http://blog.csdn.net/cutesource/archive/2010/03/27/5422093.aspx 2010-03-31 09:49:26

* 关于nio和tomcat6的一些有用图示（走向架构师之路） http://blog.csdn.net/cutesource/archive/2010/03/23/5407762.aspx 2010-03-31 09:49:50

* 规则引擎drools初探（走向架构师之路） http://blog.csdn.net/cutesource/archive/2010/03/20/5400118.aspx 2010-03-31 09:50:17

* 操作系统的精髓（走向架构师之路） http://blog.csdn.net/cutesource/archive/2010/03/20/5399332.aspx 2010-03-31 09:50:35

* 关于Scalability和Performance的一些观点（走向架构师之路） http://blog.csdn.net/cutesource/archive/2010/01/21/5219088.aspx 2010-03-31 09:51:00

* 听完蔡学镛的分享《不瞌睡的PPT制作秘诀》后的总结（走向架构师之路） http://blog.csdn.net/cutesource/archive/2010/01/11/5176829.aspx 2010-03-31 09:51:32

* 文档形式的变化带来的改观（走向架构师之路） http://blog.csdn.net/cutesource/archive/2010/01/09/5163643.aspx 2010-03-31 09:51:58

* 基于Spring AOP实现对外接口的耗时监控（走向架构师之路） http://blog.csdn.net/cutesource/archive/2010/01/09/5163467.aspx 2010-03-31 09:52:21

* 如何保证架构设计的稳定性------项目前后两次架构设计对比（走向架构师之路） http://blog.csdn.net/cutesource/archive/2009/12/29/5098167.aspx 2010-03-31 09:52:42

* Tomcat 源码分析（四）------ Request和Response处理的全过程（走向架构师之路） http://blog.csdn.net/cutesource/archive/2009/12/28/5091732.aspx 2010-03-31 09:53:08

* Tomcat 源码分析（三）------ 可携带状态的线程池（走向架构师之路） http://blog.csdn.net/cutesource/archive/2009/12/26/5081916.aspx 2010-03-31 09:53:32

* 第一次做项目发布员的一些总结（走向架构师之路） http://blog.csdn.net/cutesource/archive/2009/12/26/5080146.aspx 2010-03-31 09:53:54

* Tomcat 源码分析（二）------ 一次完整请求的里里外外（走向架构师之路） http://blog.csdn.net/cutesource/archive/2009/12/19/5040417.aspx 2010-03-31 09:54:17

* Tomcat 源码分析（一）------ 架构（走向架构师之路） http://blog.csdn.net/cutesource/archive/2009/12/14/5006062.aspx 2010-03-31 09:57:41

* Quartz 源码分析（一）------ 以线程等待的方式实现按时间调度（走向架构师之路） http://blog.csdn.net/cutesource/archive/2009/12/08/4965520.aspx 2010-03-31 09:58:11

* 听 David讲SaaS http://blog.csdn.net/cutesource/archive/2009/12/07/4959561.aspx 2010-03-31 09:58:43

* 架构师的沟通方式 http://blog.csdn.net/cutesource/archive/2009/12/06/4952633.aspx 2010-03-31 09:59:01

* Hessian 源码分析（三）------ HessianSkeleton http://blog.csdn.net/cutesource/archive/2009/12/05/4946968.aspx 2010-03-31 09:59:23

* Hessian 源码分析（二）------ HessianProxy http://blog.csdn.net/cutesource/archive/2009/12/05/4946556.aspx 2010-03-31 09:59:41

* hessian 源码分析（一）------架构 http://blog.csdn.net/cutesource/archive/2009/12/05/4944954.aspx 2010-03-31 10:00:22

* 分享一些牛人的心得 http://blog.csdn.net/cutesource/archive/2009/11/30/4906092.aspx 2010-03-31 10:00:36

* 架构师的那些事儿 http://blog.csdn.net/cutesource/archive/2009/11/29/4901506.aspx 2010-03-31 10:00:50

* 解析spring schedule http://blog.csdn.net/cutesource/archive/2009/11/29/4900020.aspx 2010-03-31 10:01:01

* 淘宝性能测试要点 http://blog.csdn.net/cutesource/archive/2009/11/29/4898984.aspx 2010-03-31 10:01:12

* 从上至下的学习计划 http://blog.csdn.net/cutesource/archive/2009/11/28/4893325.aspx 2010-03-31 10:01:25

* 结构化思维 http://blog.csdn.net/cutesource/archive/2009/11/02/4759552.aspx 2010-03-31 10:01:45

* 一次架构设计的摸索 http://blog.csdn.net/cutesource/archive/2009/11/02/4759321.aspx 2010-03-31 10:01:56

* 不同差异程度商品的电子商务策略 http://blog.csdn.net/cutesource/archive/2009/09/28/4603860.aspx 2010-03-31 10:02:08

* 从阿里软件到ITBU http://blog.csdn.net/cutesource/archive/2009/09/21/4577508.aspx 2010-03-31 10:02:21

* 程序员如何提高工作效率 http://blog.csdn.net/cutesource/archive/2009/09/20/4572974.aspx 2010-03-31 10:02:30

* 如何激发思考 http://blog.csdn.net/cutesource/archive/2009/09/20/4572803.aspx 2010-03-31 10:02:41

* 仿造Ext Api Doc打造前端组件在线文档 http://blog.csdn.net/cutesource/archive/2009/09/16/4558246.aspx 2010-03-31 10:02:55

* 浏览器内存泄漏问题的跟踪与解决 http://blog.csdn.net/cutesource/archive/2009/09/13/4549105.aspx 2010-03-31 10:03:05

* 职业方向的选择 http://blog.csdn.net/cutesource/archive/2009/09/12/4545969.aspx 2010-03-31 10:03:19

* 走向架构师之路---开博寄语 http://blog.csdn.net/cutesource/archive/2009/09/12/4545859.aspx 2010-03-31 10:03:33

了解jQuery技巧来提高你的代码

jQuery之所以如此流行并被从大公司到个人博客的几乎每个人都广泛使用，是因为它上手和使用相当简单，而且为我们提供了一些人都不知道的相当棒的特性。我认为jQuery的大多数用户更趋向于使用jQuery插件来解决面临的难题，这通常是明智的选择。但是当插件相对于你的需求有一定缺陷的时候，你也许更应该想办法自己来解决，下面来看看这些实用的jQuery技巧，他们肯定会能够派上用场的！

您还可以参考以下JavaScript相关教程及资源:
《10种JavaScript特效实例让你的网站更吸引人》
《300+Jquery, CSS, MooTools 和 JS的导航菜单资源》
《10个非常棒的Ajax及Javascript实例资源网站》
《推荐9款很棒的网页绘制图表JavaScript框架脚本》

1.测试并提升你的jQuery选择器水平

这个jQuery选择器实验室非常酷，它能在线免费使用，当然你也能下来到本地离线使用。这个测试页面包含复杂的HTML组合字段，然后你能尝试预定义使用各种jQuery选择器。如果这还不够你也可以自定义选择器。

点击上图查看清晰大图

2.测试jQuery包装集是否包含某些元素

如果你想测试一下某个jQuery包装集中是否包含某些元素，你首先可以尝试使用验证首个元素是否存在：

1 2 3

if($(selector)[0]){...} // 或者这样 if($(selector).length){...}

来看看这个例子：

1 2 3 4 5 6 7 8 9 10

//例子.如果你的页面有以下html代码 <ul id="shopping_cart_items"> <li><input class="in_stock" name="item" type="radio" value="Item-X" />Item X</li> <li><input class="unknown" name="item" type="radio" value="Item-Y" />Item Y</li> <li><input class="in_stock" name="item" type="radio" value="Item-Z" />Item Z</li> </ul> <pre escaped="true" lang="javascript">... //这个if条件将返回true，因为我们有两个 // input域匹配了选择器，所以代码将会执行 if($('#shopping_cart_items input.in_stock')[0]){}

3.从jquery.org读取jQuery最新版本

你可以使用这句代码读取jQuery的最新版本的代码文件。

1	<script src="http://code.jquery.com/jquery-latest.js"></script>

你可以使用这个方法来调用最近版本的jQuery框架，当然，你还可以使用下面这个代码从ajax.googleapis.com调用同样的最新版本jQuery：

1 2	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>

4.存储数据

使用data方法可以避免在DOM中存储数据，有些前端开发er喜欢使用HTML的属性来存储数据：

1 2 3

$('selector').attr('alt', 'data being stored'); //之后可以这样读取数据: $('selector').attr('alt');

使用”alt”属性来作为参数名存储数据其实对于HTML来说是不符合语义的，我们可以使用jQuery的data方法来为页面中的某个元素存储数据：

1 2 3

$('selector').data('参数名', '要存储的数据'); //之后这样取得数据: $('selector').data('参数');

这个data方法能让你自己明明数据的参数，更语义更灵活，你可以在页面上的任何元素存储数据信息。如果想了解更多关于data()和removeData()方法的介绍，可以看看jQuery官方讲解

这个方法的经典应用是给input域一个默认值，然后在聚焦的时候清空它:
HTML部分:

1 2 3 4 5

<form id="testform"> <input type="text" class="clear" value="Always cleared" /> <input type="text" class="clear once" value="Cleared only once" /> <input type="text" value="Normal text" /> </form>

JavaSript部分:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

$(function() { //取出有clear类的input域 //(注: "clear once" 是两个class clear 和 once) $('#testform input.clear').each(function(){ //使用data方法存储数据 $(this).data( "txt", $.trim($(this).val()) ); }).focus(function(){ // 获得焦点时判断域内的值是否和默认值相同，如果相同则清空 if ( $.trim($(this).val()) === $(this).data("txt") ) { $(this).val(""); } }).blur(function(){ // 为有class clear的域添加blur时间来恢复默认值 // 但如果class是once则忽略 if ( $.trim($(this).val()) === "" && !$(this).hasClass("once") ) { //Restore saved data $(this).val( $(this).data("txt") ); } }); });

查看Demo

5.jQuery手册常备身边

大多数人都很难记住所有的编程细节，即使再好的程序员也会有对某个程序语言的疏忽大意，所以把相关的手册打印出来或随时放在桌面上进行查阅绝对是可以提高编程效率的。
oscarotero jquery 1.3 (壁纸版)

6.在FireBug控制台记录jQuery

FireBug是我最喜欢用的一个浏览器扩展工具之一，这个工具可以让你快速的在可视化界面中了解当前页面的HTML+CSS+JavaScript，并在该工具下完成即时开发。作为jQuery或JavaScript开发人员，FireFox对于记录你的JavaScript代码也得到支持。

写入FireBug控制台的最简单方式如下:

1	console.log("hello world")

你也可以按照你希望的方式写一些参数：

1	console.log(2,4,6,8,"foo",bar)

你也可以编写一个小扩展来记录jQuery对象到控制台：

1 2 3 4

jQuery.fn.log = function (msg) { console.log("%s: %o", msg, this); return this; };

对于这个扩展，你可以直接使用.log()方法来记录当前对象到控制台。

1 2 3

$('#some_div').find('li.source > input:checkbox') .log("sources to uncheck") .removeAttr("checked");

7.尽可能使用ID选择器

在使用jQuery之后，你会发现利用class属性来选择DOM元素变得相当简单。尽管如此，还是推荐大家尽量少用class选择器取而代之尽量多使用运行更快的ID选择器(IE浏览器下使用class选择器会在遍历整个DOM树之后返回相符的class包装集)。而ID选择器更快是因为DOM本身就有”天然的”getElementById这个方法，而class并没有。所以如果使用class选择器的话，浏览器会遍历整个DOM，如果你的网页DOM结构足够复杂，这些class选择器足矣把页面拖得越来越慢。让我们看看这段简单的HTML代码:

1 2 3 4 5 6 7 8

<div id="main"> <form method="post" action="/"> <h2>Selectors in jQuery</h2> ... ... <input class="button" id="main_button" type="submit" value="Submit" /> </form> </div>

1 2 3

//使用class来调用submit按钮要比使用绝对的ID选择器慢很多 var main_button = $('#main .button'); var main_button = $('#main_button');

8.善于利用jQuery链

jQuery链不但允许以简洁的方式写出强大的操作，而且提高了开发效率，因为它能够把多个命令应用到包装集，而不必重新计算包装集。从而你不用再这样写了：

1	<li>Description: <input type="text" name="description" value="" /></li>

1 2 3

$('#shopping_cart_items input.text').css('border', '3px dashed yellow'); $('#shopping_cart_items input.text').css('background-color', 'red'); $('#shopping_cart_items input.text').val("text updated");

取而代之你可以使用jQuery链来完成简便的操作：

1 2 3 4 5 6 7 8 9 10 11

var input_text = $('#shopping_cart_items input.text'); input_text.css('border', '3px dashed yellow'); input_text.css('background-color', 'red'); input_text.val("text updated"); //same with chaining: var input_text = $('#shopping_cart_items input.text'); input_text .css('border', '3px dashed yellow') .css('background-color', 'red') .val("text updated");

9.绑定jQuery函数到$(window).load事件

大多数jQuery实例或教程都告诉我们绑定我们的jQuery代码到$(document).ready事件。虽然$(document).ready事件在大多数情况下都OK，但是它的解析顺序是在文档准备就绪，单文档中的图片等对象正在下载的时候开始运行的。所以在某些时候使用$(document).ready事件并不一定能达到我们预期的效果，比如一些视觉效果和动画、拖拽、预读取隐藏图片等…通过使用$(window).load事件便可以安全的在整个文档都准备就绪之后再开始运行你期望的代码。

1 2 3

$(window).load(function(){ // 将你希望在页面完全就绪之后运行的代码放在这里 });

10.使用jQuery链来限定选择器，让你的代码更简洁更优雅

由于JavaScript支持链结构而且支持断行，所以你的代码可以写成下面这样，这个例子先在元素上移除一个class然后在同一个元素上添加另一个class：

1 2 3

$('#shopping_cart_items input.in_stock') .removeClass('in_stock') .addClass('3-5_days');

如果想让它更简单实用，你可以创建一个支持链结构的jQuery函数：

1 2 3 4 5

$.fn.makeNotInStock = function() { return $(this).removeClass('in_stock').addClass('3-5_days'); } $('#shopping_cart_items input.in_stock').makeNotInStock().log();

11.使用回调函数同步效果

如果你想确保某个事件或动画效果要在另一个事件运行之后再调用，那你就要使用回调函数了。你可以在这些动画效果后面绑定回调函数：slideDown( speed, [回调] ) ie. $(‘#sliding’).slideDown(’slow’, function(){… 点击这里预览这个例子.

1 2 3 4 5 6