一. 、关于JavaScript
1. JavaScript是Netscape公司开发的一种脚本语言,它使得网页可以包含更多的元素,并且更加丰富精彩。
2. JS自身存在3个弊端:1.复杂的文档对象模型(DOM);2.浏览器实现不一致;3.缺乏调试工具。
3. 由于Ajax(Asynchronous JavaScript And XML,异步的JS和XML)的诞生,JS才真正得到了广泛应用。
4. JavaScript有多种功能强大的类库,Ext JS和jQuery都是其中的一员:Ext JS侧重界面,内容更加丰富但是本身比较臃肿; jQuery更加轻便,拥有强大的选择器、出色的DOM操作、可靠的时间处理和完善的兼容性以及强大的链式操作。
二、关于jQuery
1. jQuery是JohnResig创建于2006年1月的开源项目,现在的jQuery主要包括核心库、UI、插件和jQuery Mobile。
2. jQuery的优势有很多:
(1)轻量级:正式使用的版本只有30KB。
(2)强大的选择器:类似CSS的选择器,也可以自己编写选择器。
(3)出色的DOM封装:提供了丰富的DOM常用操作封装API,非常实用。
(4)可靠的事件处理机制
(5)完善的Ajax:$.ajax()封装非常完善,开发者只需要关心业务,不用关系浏览器兼容和XMLHttpRequest对象的处理。
(6)不污染顶级变量:jQuery只建立一个名为jQuery的对象,jQuery所有的函数方法都在jQuery这个对象之内,不会污染到其他对象。
(7)出色的兼容性:对各种浏览器的出色兼容。
(8)链式操作:对一个对象上的一组连续操作,避免了重复获取对象。
(9)隐式迭代:对某一类对象的操作“xx.class”的操作,会直接操作到所有对象,不必显式的进行循环操作对象,使得大量的循环结构和代码不再必要,大幅度减少代码。
(10)行为层和结构层分离:使用选择器选中元素,再为它添加事件行为。
(11)丰富的插件支持:因为jQuery的易扩展和它是一个开源的项目,它的插件支持非常的优秀。
(12)完善的文档
(13)它是开源的。。。。。。。
三、jQuery代码编写
1.http://jquery.com 官网,下载jQuery文件。
2.引入jQuery,只需要在页面代码的<head>标签中加入 <script src="../xx/xx/jquery.js" type="text/javascript"></script>
3.$是jquery的简写方式。
4.window.onload与$(document).ready()对比:
(1)window.onload为js的传统页面加载后执行事件,必须等待所有内容加载完毕后(包括图片)才能执行;不能编写多个window.onload事件。
(2)$(document).ready()加载完DOM结构绘制就开始执行,不需要全部加载完毕。可以有多个$(document).ready()函数,并且可以简写为$(function(){ })。
5.链式操作中,比较好的写法是:
同对象,不超过三个操作的,可以写在一行。
同对象多个操作,分行描述每一个操作并添加注释。
多个多想的操作分开写。
涉及子元素的可以换行缩进,使得结构更加清晰。
6.分清楚jQuery对象和DOM对象,jQuery对象实际上就是包装过的DOM对象,$()就是jquery对象的制造工厂。
养成习惯,以 var xxx来表示DOM对象;以var $xxxx来表示jQuery对象。
7.解决jQuery与其他类库的冲突:使用jQuery.noConflict();函数方法释放$,使其他库类可以使用$.
也可以用 (function($){ $(function(){ }) })这种传入$的方式不会影响到其他库类的$使用。
8.jQuery的开发工具:Dreamwarver、Aptana、jQueryWTP、Visul studio 2008等等,推荐Aptana。
Tips:
1.重点学会区分DOM对象和jQuery对象,了解两者之间的转换。
2.代码注释和代码规范很重要。