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

1.Javascript自身存在3个弊端：
          1.1 复杂的文档对象模型（DOM）
          1.2 不一致的浏览器实现
          1.3 缺乏便捷的开发、调试工具。

2.流行的JavaScript库：Prototype Dojo YUI ExtJS MooTools jQuery     

3.jQuery的优势：            
          （1）轻量级
          （2）强大的选择器
          （3）出色的DOM操作的封装
          （4）可靠的事件处理机制
          （5）完善的Ajax
          （6）不污染顶级变量
          （7）出色的浏览器兼容性
          （8）链式操作方式
          （9）隐式迭代
          （10）行为层与结构层的分离
          （11）丰富的插件支持
          （12）完善的文档
          （13）开源

4.jQuery的官网为：http://jquery.com可以在这里下载最新的jQuery库，对于每一个版本的jQuery库，它提供两种类型让开发者下载，一种是无压缩版本供开发和调试用名称为jquery-<version>.js还有一种是经过压缩工具压缩的版本主要用于程序的发布版使用，名称为：jquery-<version>.min.js。    

5.要使用jQuery库，需要在你的代码之前引入入jQuery:     
          <script sc="jquery-1.8.2.js" type="text/javascript"></script>

 

--------------------------------------------------
author: cs_cjl
website: http://blog.csdn.net/cs_cjl
--------------------------------------------------

 

6.jQuery格式建议：              
          （1）对于同一个对象不超过3个操作的，可以直接写成一个i操作
          （2）对于同一个对象的较多操作，建议每行写一个操作，或者将同一个类别的操作写在同一行
          （3）对于多个对象的少量操作，可以每个对象写一行，如果涉及子元素，可以适当地缩进
          （4）对于多个对象的多个操作，可以结合（2）和（3）来做

7.DOM和jQuery对象：                                         
     DOM：Document Object Model 文档对象模型，每一份DOM都可以表示成一棵树
     jQuery对象：jQuery对象就是通过jQuery包装DOM对象后产生的对象

8.jQuery对象和DOM对象的相互转换:                        
     首先，约定如果是jQuery对象，则在变量前面加上$，如下所示
          var $v = jQuery对象;
          var v = DOM对象;
     jQuery对象转成DOM对象：
          jQuery提供了两种方法将一个jQuery对象转换成DOM对象，即[index]和get(index)
          例如：
               var $cr = $("#cr");
               var cr = $cr[0] ;
               或者：
               var cr  $cr.get(0);
     DOM对象转换成jQuery对象：
          对于一个DOM对象，只需要用$()把DOM对象包装起来，就可以获得一个jQuery对象了
          例如：
               var cr = document.getElementById("cr");
               var $cr = $(cr);

9.解决jQuery和其他库的冲突的方法：       
          （1）如果jQuery库在其他库之前导入，那么可以直接使用jQuery来做一些jQuery的工作
          （2）如果jQuery库在其他库之后导入，那么可以用jQuery.noConflict()函数来将变量$的控制权移交给其他JavaScript库，也可以在移交的同时自定义备用名称
               例如：
                    var $j = jQuery.noConflict();