深入分析JQuery和JavaScript的异同

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了深入分析JQuery和JavaScript的异同，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2294字，纯文字阅读大概需要4分钟。

内容图文

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];

      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()可以有多个

       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代替$工作，同时$可以作为其他库的快捷方式。

内容总结

以上是互联网集市为您收集整理的深入分析JQuery和JavaScript的异同全部内容，希望文章能够帮你解决深入分析JQuery和JavaScript的异同所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端