
jQuery in Action是最近在上下班路上看的一本书,原本由于接触过一些jQuery的代码,而且我也不是特别能刻苦钻研的人,所以并没有打算仔细研究jQuery的意思。不过近期实在没有技术文章可写,所以打算写一个jQuery in Action一书的缩微笔记。正如in Action系列书目的出版目的 - “the In Action books are designed to help learning and remembering.”,我就写一个《jQuery in Action》 in action:)
chapter 1 - Introducing jQuery
- Unobtrusive JavaScript
这个词中文怎么译我还不知道准确的说法(可能还没有准确的说法[1]),它的意思就是正像CSS是从文档解构中把样式信息分离出来一样,unobtrusive JavaScript就是从文档结构中把行为信息分离出来。严格意义上讲,jQuery提倡的unobtrusive JavaScript认为所有在HTML的body部分中的JavaScript表达式或语句都是不对的,包括作为HTML元素的属性(onclick)和在body中的script片段。所有的JavaScript都应该在网页的head部分中,然后通过jQuery建立与结构元素之间的行为关联。(当然我想到一个例外,在做widget或是portlet的时候,由于只能添加body中的代码片段,上述断言也无法成立,但也可以尽量将JavaScript与页面元素分离)。jQuery的作者正是希望开发者能够通过使用jQuery更容易和优雅的实现unobtrusive JavaScript。 - jQuery()的用法
注意这里带了括号,表示jQuery是一个函数而不是指框架的名字,jQuery()绰号$(),是jQuery框架的核心,有以下几种用法:
- 选择并包装DOM元素以便对其进行进一步的操作
$("div.notLongForThisWorld").fadeOut();
- 作为全局工具方法的命名空间
$.trim(someString); - 使用HTML标记创建新的DOM元素
$("<p>Hi!</p>").insertAfter("#followMe");
- 作为文档元素已经组建完毕的handler,$(document).ready的简写
$(function() { alert ('DOM is ready!')});
- 选择并包装DOM元素以便对其进行进一步的操作
- jQuery是容易扩展的,通过定义$.fn.[新方法],另外的Plugin机制后面介绍。
- 使用"jQuery.noConflict();"来避免与同类JavaScript框架一同使用时产生的冲突问题。
update: 链接
《jQuery in Action》 in action - chapter 2
《jQuery in Action》 in action - chapter 3
《jQuery in Action》 in action - chapter 4
《jQuery in Action》 in action - chapter 5
《jQuery in Action》 in action - chapter 6
《jQuery in Action》 in action - chapter 7
《jQuery in Action》 in action - chapter 8
update: 2010-01
《jQuery in Action》第九章是有关plugin的内容,由于和现在的版本变化比较大就不翻译了:) 至此这本jQuery in Action也就到此为止了:)
