深入分析JQuery和JavaScript的异同


Posted in Javascript onOctober 23, 2014

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

Javascript 相关文章推荐
Document 对象的常用方法
Jul 31 Javascript
js获取所有checkbox的值的简单实例
May 30 Javascript
jQuery简单实现列表隐藏和显示效果示例
Sep 12 Javascript
jquery的父、子、兄弟节点查找,节点的子节点循环方法
Dec 07 Javascript
Vue组件的使用教程详解
Jan 05 Javascript
layui原生表单验证的实例
Sep 09 Javascript
js简单的分页器插件代码实例
Sep 11 Javascript
微信小程序scroll-view实现滚动到锚点左侧导航栏点餐功能(点击种类,滚动到锚点)
Jun 11 Javascript
vue 手机物理监听键+退出提示代码
Sep 09 Javascript
Ant Design Pro 之 ProTable使用操作
Oct 31 Javascript
小程序实现密码输入框
Nov 16 Javascript
微信小程序学习之自定义滚动弹窗
Dec 20 Javascript
jquery实现导航固定顶部的效果仿蘑菇街
Oct 22 #Javascript
用jquery模仿的a的title属性的例子
Oct 22 #Javascript
运用jQuery定时器的原理实现banner图片切换
Oct 22 #Javascript
用简洁的jQuery方法toggleClass实现隔行换色
Oct 22 #Javascript
jQuery实现的导航条切换可显示隐藏
Oct 22 #Javascript
原生js和jQuery随意改变div属性style的名称和值
Oct 22 #Javascript
一个不错的js html页面倒计时可精确到秒
Oct 22 #Javascript
You might like
PHP面向对象分析设计的61条军规小结
2010/07/17 PHP
解析dedeCMS验证码的实现代码
2013/06/07 PHP
极酷的javascirpt,让你随意编辑任何网页
2007/02/25 Javascript
JQuery select控件的相关操作实现代码
2012/09/14 Javascript
node.js中的querystring.unescape方法使用说明
2014/12/10 Javascript
jquery判断至少有一个checkbox被选中的方法
2015/06/05 Javascript
JavaScript在网页中画圆的函数arc使用方法
2015/11/13 Javascript
JavaScript实现点击按钮就复制当前网址
2015/12/14 Javascript
javascript单页面手势滑屏切换原理详解
2016/03/21 Javascript
jquery ajax后台返回list,前台用jquery遍历list的实现
2016/10/30 Javascript
AngularJS ng-template寄宿方式用法分析
2016/11/07 Javascript
js实现多行文本框统计剩余字数功能
2017/03/28 Javascript
详解Vue2.0组件的继承与扩展
2018/11/23 Javascript
通过实践编写优雅的JavaScript代码
2019/05/30 Javascript
js中addEventListener()与removeEventListener()用法案例分析
2020/03/02 Javascript
微信小程序文章列表功能完整实例
2020/06/03 Javascript
VueX模块的具体使用(小白教程)
2020/06/05 Javascript
Python异常处理总结
2014/08/15 Python
在Django框架中编写Context处理器的方法
2015/07/20 Python
Python使用cookielib模块操作cookie的实例教程
2016/07/12 Python
利用Python获取操作系统信息实例
2016/09/02 Python
详解TensorFlow在windows上安装与简单示例
2018/03/05 Python
解决Python的str强转int时遇到的问题
2018/04/09 Python
使用Python自动化破解自定义字体混淆信息的方法实例
2019/02/13 Python
Keras 在fit_generator训练方式中加入图像random_crop操作
2020/07/03 Python
解决运行django程序出错问题 'str'object has no attribute'_meta'
2020/07/15 Python
基于Python组装jmx并调用JMeter实现压力测试
2020/11/03 Python
精致的手工皮鞋:Shoe Embassy
2019/11/08 全球购物
存储过程的优缺点是什么
2015/01/10 面试题
JAVA程序设计笔试题面试题一套
2015/07/28 面试题
五年级学生评语
2014/04/22 职场文书
2014年巴西世界杯口号
2014/06/05 职场文书
古诗之爱国古诗5首
2019/09/20 职场文书
MySQL中distinct与group by之间的性能进行比较
2021/05/26 MySQL
Vue3中的Refs和Ref详情
2021/11/11 Vue.js
Java获取字符串编码格式实现思路
2022/09/23 Java/Android