zoukankan      html  css  js  c++  java
  • JQuery笔记:JQuery和JavaScript的联系与区别

    来源:http://www.ido321.com/1019.html

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

     下一篇:PHP的MySQL扩展:MySQL数据库概述


  • 相关阅读:
    How to use epoll? A complete example in C
    分享:libzip 0.11 发布,C 语言的 zip 压缩开发包
    linux AIO (异步IO) 那点事儿
    通过引用计数解决野指针的问题(C&C++)
    [原]浅谈几种服务器端模型——反应堆模式(epoll 简介) _Boz 博客园
    基于EPOLL写的HTTP服务器(加入了线程池)_没落都城_新浪博客
    jQuery检测浏览器名称和版本信息
    Jquery.ajax中dataType不可少
    jquery 手风琴效果
    ie下ajax错误:由于出现错误 c00ce56e 而导致此项操作无法完成
  • 原文地址:https://www.cnblogs.com/ido321/p/4026631.html
Copyright © 2011-2022 走看看