jquery和DOM比较

标签： jquery dom | 发表时间：2014-04-16 23:57 | 作者：xuanfengwu
出处：http://www.iteye.com

1、window.onload和$(document).ready()的区别

 

 

window.onload

$(document).ready()

执行时机

必须等整个网页中所有的内容加载完毕后(包括图片)才能执行

网页中所有DOM结构绘制完毕后就执行,可能DOM元素并没有加载完

编写个数

不能同时编写多个

Window.load=function(){

Alert(“helloworld”);

}

Window.load=function(){

Alert(“helloworld”);

}

只会输出最后一次结果

$(document).ready(functtion(){

Alert(“helloworld”);

});

$(document).ready(functtion(){

Alert(“helloworld”);

 

});

会输出两次结果

简化

    

 

 

2、jquery对象和DOM对象的区别

Juery对象是包装DOM后的产生的对象,DOM是原生对象，是一个基本的文档结构。

方法上区别:

DOM中:获取元素节点:document.getElementsByTagName或者getElementById来获取，获取属性：对象.innerHTML;

Jquery中：利用$(#id).html()获取id元素内的html

 

3.jquery对象和DOM对象的转换

A.首先约定好定义变量的风格；若定义jquery对象，则加上$,如$varibale若为DOM，直接定义为variable

B.Jquery对象转成DOM对象可利用get(index)和$[index]

利用数组，可用$[index]来获取一个DOM对象，如var$cr=$(“#cr”);varcr=$cr[0]

利用get方法，如var$cr=$(“#cr”);varcr=$cr.get(0);

C.DOM对象转成Jquery对象

利用$()将DOM对象包装起来，就可获得jquer对象

如varvr=document.getElementById(“cr”);var$cr=$(cr);

注意:DOM对象只能用DOM的操作方法。Jquery对象不能用DOM对象的方法



已有 0 人发表留言，猛击->> 这里<<-参与讨论


ITeye推荐



相关 [jquery dom] 推荐：

jquery和DOM比较

- - JavaScript - Web前端 - ITeye博客
1、window.onload和$(document).ready()的区别. 必须等整个网页中所有的内容加载完毕后(包括图片)才能执行. 网页中所有DOM结构绘制完毕后就执行,可能DOM元素并没有加载完. 2、jquery对象和DOM对象的区别. Juery对象是包装DOM后的产生的对象,DOM是原生对象，是一个基本的文档结构.

jQuery基础之jQuery的DOM操作

- - CSDN博客推荐文章
 为了能全面地讲解DOM操作，首先需要构建一个网页. 因为每一张网页都能用DOM表示出来，而每一份DOM都可以看作一棵DOM树.    

你最喜欢的水果是?

 .      
  • 苹果
    •  .      
  • 橘子
    •  .

    Dom和jQuery的反选和全选比较

    - - CSDN博客推荐文章
    Dom和jQuery的反选和全选比较. 全选的思路是：当点击某个复选框或按钮的时候，可能会触发的有两种可能，可以是全选或者是全不选，所以要做一下判定，然后根据是全选或者是全不选来设定属性值. 反选的思路是：当点击某个复选框或按钮是，把没有选中的选中，选中的让它处于不选的状态.             你爱好的运动是：
    .

    jQuery对象和DOM对象之间的转换实现

    - - 码农网
    本文主要向大家介绍了jQuery对象和DOM对象之间互相转换的方法，其实转换过程十分简单，一起来看看吧. 在讨论jQuery对象和DOM对象的相互交换之前，先约定好定义变量的风格. 如果获取的对象是jQuery对象，那么在变量前加上$，例如：. var $variable = jQuery对象;. 如果获取的是DOM对象，则定义如下：.

    前端学习——选择结果为JQuery对象还是DOM对象?

    - - CSDN博客Web前端推荐文章
    0.前言     在学习和使用javascript过程中经常使用JQuery的选择器，但是在获取到选择结果之后经常“犯迷糊”，需要一个DOM对象时或者一个JQuery对象，这样的尴尬经常遇到. 为了让自己不再迷糊通过博文总结经验教训，希望自己在总结过程中缓慢提高.     【 前端学习——如何修改url name 使用javascript和JQuery】.

    jQuery参考实例 1.2 在DOM加载完毕，页面元素完全加载之前运行jQuery/JavaScript代码

    - - CSDN博客推荐文章
    本文翻译自jQuery Cookbook (O’Reilly 2009) 1.2 Executing jQuery/JavaScript Code After the DOM Has Loaded but Before Complete Page Load. 主流的JavaScript应用程序一般只在DOM完全加载后才运行JS代码.

    DOM详解

    - - CSDN博客推荐文章
     1.XML解析方式分为两种：dom和sax.   (1)dom：(Document Object Model, 即文档对象模型) 是 W3C 组织推荐的处理 XML 的一种方式.   (2) sax：(Simple API for XML) 不是官方标准，但它是 XML 社区事实上的标准，几乎所有的 XML 解析器都支持它.

    javaScript DOM使用

    - - CSDN博客互联网推荐文章
    通过 HTML DOM，可访问 JavaScript HTML 文档的所有元素. 1 修改HTML元素内容. document.write(Date()); //在输入流中直接写 document.getElementById(id).innerHTML=new HTML. //改变已经有的元素内容 document.getElementById("image").src="landscape.jpg";.

    DOM优化

    - - JavaScript - Web前端 - ITeye博客
    1，Javascript语音与DOM操作就像孤岛. 他们之间的通行是要借助船的，而使用船是有很大成本的. 所以，要先做完一个再做另一个，最好不要交替进行. 如：添加1000个li时，先用一个字符串拼接好，最后一次追加到父节点，而不是向父节点追加1000次，一次追加一个. 如：添加1000个li时，先放到fragment，再添加到UL中.

    Android DOM解析XML

    - - CSDN博客移动开发推荐文章
    if(personChilds.item(y).getNodeType()==Node.ELEMENT_NODE){//判断当前节点是否是元素类型节点. 作者：jaycee110905 发表于2013-2-7 21:04:29 原文链接. 阅读：78 评论：0 查看评论.