博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JQuery笔记:JQuery和JavaScript的联系与区别
阅读量:4286 次
发布时间:2019-05-27

本文共 1146 字,大约阅读时间需要 3 分钟。

来源:

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

 下一篇:

转载地址:http://nztgi.baihongyu.com/

你可能感兴趣的文章
linux 安装nginx
查看>>
linux 搭建rocketmq集群
查看>>
Linux 安装maven
查看>>
linux 安装reids集群
查看>>
linux 安装zookeeper集群
查看>>
RocketMq单机安装(Windows)
查看>>
Windows 上安装 MySQL
查看>>
CentOS-7搭建Gitlab服务器
查看>>
软件架构设计原则(我们为什么要学习)
查看>>
eclipse 的mybatis中mapper.xml文件标签没有提示的解决方法
查看>>
linux 上一主两从mysql集群中某台数据库宕机解决方法
查看>>
大牛面试指南
查看>>
android入门(一)---UI组件之文本框(TextView)
查看>>
演示动画怎么实现的
查看>>
android入门---Activity组件.活动(一)
查看>>
Android入门---GridView组件
查看>>
获取apk文件上的精美图片素材
查看>>
RelativeLayout中Margin属性
查看>>
JAVA中文乱码解决方法
查看>>
端口号占用问题 serveral ports(8080,8009) are already in use
查看>>