手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >深入分析JQuery和JavaScript的异同
深入分析JQuery和JavaScript的异同
摘要:ps:LZ觉得这个标题有点大了,超出了能力范围,不喜勿碰。目前只记录LZ能力范围内的,日后持续补充。一、JQuery对象和DOM对象的相互转...

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和JavaScript的异同】相关文章:

浅谈利用JavaScript进行的DDoS攻击原理与防御

浅谈javascript中的闭包

JavaScript中的异常处理方法介绍

详解JavaScript中的表单验证

实现DIV圆角的JavaScript代码

JavaScript静态的动态

浅析Javascript匿名函数与自执行函数

深入浅出分析javaScript中this用法

浅析JavaScript作用域链、执行上下文与闭包

由浅到深了解JavaScript类

精品推荐
分类导航