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 查看评论.