源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

深入分析JQuery和JavaScript的异同

  • 时间:2021-10-01 13:13 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:深入分析JQuery和JavaScript的异同
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代替$工作,同时$可以作为其他库的快捷方式。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部