深入分析JQuery和JavaScript的异同_jquery

ps:lz觉得这个标题有点大了，超出了能力范围，不喜勿碰。目前只记录lz能力范围内的，日后持续补充。

一、JQuery对象和DOM对象的相互转化（《锋利的JQuery》）

       JQuery转化为DOM：

          1、var jq = $(‘#selector');   var dom = jq[index];

          2、var jq1 = $(‘#selector1');  var dom1 = jq1.get(index) 或者 var dom1 = jq1.get()[index];

立即学习“Java免费学习笔记（深入）”；

      DOM转化为JQuery：

          假设cr是一个DOM对象，转为JQuery，jqcr = $(‘cr');

二、JQuery的$(document).ready()和JavaScript的window.onload()的区别（《锋利的JQuery》）

       1、执行时机

            window.onload必须等待网页中所有资源(包括图片)加载完成后才能执行，而$(document).ready()在所有DOM结构绘制完毕后就执行，但是可能与DOM相关联的资源还没有加载完毕。

       2、编写个数

            一个文档中，window.onload只有是一个，而$(document).ready()可以有多个

自学 PHP、MySQL和Apache

本书将PHP开发与MySQL应用相结合，分别对PHP和MySQL做了深入浅出的分析，不仅介绍PHP和MySQL的一般概念，而且对PHP和MySQL的Web应用做了较全面的阐述，并包括几个经典且实用的例子。 本书是第4版，经过了全面的更新、重写和扩展，包括PHP5.3最新改进的特性（例如，更好的错误和异常处理），MySQL的存储过程和存储引擎，Ajax技术与Web2.0以及Web应用需要注意的安全

406

查看详情

       3、简化方法

           window.onload没有简写形式，$(document).ready()可以简写为$(function(){}).

三、JQuery和JavaScript中访问属性名称的区别（《JQuery实战》）

       JQuery规范名称                             DOM规范
       cellspacing                                    cellSpacing
       class                                                className
       colspan                                          colSpan
       cssFloat                                         IE中是styleFloat，其他浏览器是cssFloat
       float                                               IE中是styleFloat，其他浏览器是cssFloat
       for                                                  htmlFor
       frameborder                                frameBorder
       maxLength                                  maxLength
       readonly                                      readOnly
       rowspan                                       rowSpan
       stylefloat                                      IE中是styleFloat，其他浏览器是cssFloat
       tabindex                                       tabIndex
       usemap                                         useMap

四、冲突

        DOM理论上不会有冲突产生，JQuery防止冲突产生的两种解决方法：（《锋利的JQuery》）

        1、JQuery库在其他库之后导入

              调用JQuery。noConflict()方法将$控制权给其他库使用，或者自定义快捷方式，$j = JQuery.noConflict();

        2、JQuery库在其他库之前导入

               直接使用JQuery代替$工作，同时$可以作为其他库的快捷方式。