锋利的jQuery读书笔记-第1章 认识jQuery

一. 、关于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.代码注释和代码规范很重要。


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值