Flash开发者学习jQuery指南（译）
<div id="cnblogs_post_body">本文翻译自 http://active.tutsplus.com/articles/explanatory/why-bother-with-jquery-a-guide-for-former-flash-developers/偶然在nettuts+中看到本年度的热门文章，有这篇。想来flash和jQuery都比较熟悉，就翻了下，内容很浅显，但还是有收获。个人觉得，前端无限可能，另外，仅仅是jQuery或许还不够，angularJS是我近期看到的一个好东西……
或许你和大多数flash开发者一样正准备在web应用中使用HTML5，这几乎就免不了碰上jQuery。jQuery是非常风靡的Javascript库，大部分流行的网站都使用它。
背景
如果你了解AS3，基本就已经掌握一些JavaScript了，这两种语言非常相似。这诱使我们迫不及待的想一头扎进去写代码——不过，有几个重要的概念需要提前搞懂，其中之一就是DOM。
当网页加载时，浏览器将单调的HTML转换成一个树状结构，这被称作DOM（Document Object Model）。JavaScript的DOM，像极了ActionScript 的显示列表（Display List），另外如果你还是个Flex的开发者，你还能发现MXML和HTML之间的相似之处。
在Flash中，我们可以通过display list 访问特定的显示对象，像stage.getChildAt(3).getChildAt(0)，不过，这样写有些傻，取而代之的是我们经常赋予显示对象以实例名称（在Flash IDE中的做法），或者将他们的引用存储在变量、数组或者对象属性中，比如dialogBox.okButton = new simpleButton().
在JavaScript中，我们能够完全通过JS构建DOM然后告诉浏览器将其渲染，不过一般我们不这么做，更多的是通过HTML定义DOM，用少量的JS代码进行功能上的增强。因此，Javascript有花样繁多的方法访问DOM中的元素。
这里面最简单的是 document.getElementById()。假如我们有这样一个HTML文件：
<div style="border-bottom: #cccccc 1px solid; border-left: #cccccc 1px solid; padding-bottom: 5px; background-color: #f5f5f5; padding-left: 5px; padding-right: 5px; border-top: #cccccc 1px solid; border-right: #cccccc 1px solid; padding-top: 5px" class="cnblogs_code"> <!DOCTYPE html><html><head><title>Example Page</title></head><body><div><span id=&quot;example&quot;> <!-- 这里 --><p>Here's some example text.</p></span></div></body></html>
页:
[1]