深深剖析JQuery和JavaScript的异同,深刻解析jquery

2019-07-25 08:46栏目:WRB前端

ps:LZ以为那几个标题有一些大了,超过了力量限制,不喜勿碰。这段日子只记录LZ手艺范围内的,日后持续补充。

深远深入分析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];

      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对象和DOM对象的相互转化(《锋利的JQuery》)

jquery与javascript的不同

jquery 就对javascript的贰个扩张,封装,正是让javascript更加好用,更简短。人家怎么说的来着,jquery正是要用更加少的代码,赏心悦目标做到更加多的服从。  

       JQuery转化为DOM:

什么人能够够说一下jquery与javascript的不如?在实际上付出应用中那么些用的可比多?

Jquery是叁个JavaScript的一个框架,说白了正是简化了js的有个别操作
如document.getElementByID("test")用jquery写就是$("#test")
当然那只是叁个实例,实际上还只怕有为数比非常多别的的函数以及另外的一对操作
况且jquery对各路浏览器都兼顾到了,不须要调用者思量兼容性

关于你说的jquery和javascript哪个人用的宽广一些以此标题怎么跟你说吧?
因为jquery就是javascript,用了jquery便是用了javascript
而是用了javascript不自然用了jquery  

ps:LZ认为那么些标题有一些大了,跨越了力量范围,不喜勿碰。前段时间只记录LZ技艺限制内的,日后...

          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替代$工作,同一时间$能够作为别的库的连忙方式。

您恐怕感兴趣的篇章:

  • Javascript jquery css 写的简短进程条控件
  • javascript jQuery $.post $.ajax用法
  • javascript的onchange事件与jQuery的change()方法相比较
  • 用javascript落成jquery的document.ready效率的兑当代码
  • Javascript Jquery 遍历Json的落到实处代码
  • JavaScript/jQuery 表单美化插件小结
  • Javascript/Jquery——轻松反应计时器的三种实现形式
  • jquery和javascript的分别(常用方法相比较)
  • javascript和jquery修改a标签的href属性
  • javascript/jquery获取地址栏url参数的点子

版权声明:本文由威尼斯人app发布于WRB前端,转载请注明出处:深深剖析JQuery和JavaScript的异同,深刻解析jquery