开发笔记之20140509

(好记性不如烂笔头,这里的开发笔记大多数是自己开发过程中所学知识点的记录,以备后用。也有部分内容为他人原创,自己查阅资料时copy过来,在这里说明版权归属与原创作者,感谢原始作者的分享。)


$(document).ready(function())是jquery最终更要的一个事件

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

A、我们实际最容易发现的就是两者的可同时存在个数

对于window.onload来说只能同时存在一个

对于 $(document).ready(function())可以同时存在多个,顺序执行

B、是否有简写形式

window.onload没有

$(document).ready(function())有$(function())

C、最重要的一个区别是二者的执行时机

window.onload是页面中所有元素(包含元素关联的所有文件)都加载完毕后才执行。

而通过jQuery的$(function()),在DOM完全就绪时就可以被调用,此时页面上的所有元素对于jQuery而言都是可以访问的,但是这并不意味这这些元素的关联文件都已经加载完毕。

举个例子来说,有一个大型图库网站,加载页面的时候为所有图片添加了某些样式。当我们使用window.onload的时候,需要等到页面上所有的图片都加载出来之后才执行给图片添加样式的行为。而用$(function()),那么只需要DOM就绪就可以执行了,不需要等待所有图片加载完毕,显而易见,$(function())相比于window.onload效果更好,它能提高web页面的加载速度。


2、jQuery对象就是通过jQuery包装DOM对象后产生的对象,jQuery对象是jQuery独有的,只要是jQuery对象就可以使用jQuery提供的方法

$("#foo").html() //获取id为foo的元素内的html代码 html()是jQuery内的方法。

注意:jQuery对象只能使用jQuery中提供的方法,不能使用DOM对象的方法,DOM对象只能使用JavaScript提供的方法,不能使用jQuery提供的方法。

jQuery对象与DOM对象的相互转换

在考虑两者之间的相互转换之前先约定好定义变量的风格。如果获取的对象为jQuery对象那么就在定义的变量前面加上$。例如

[html]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. var $variable=jQuery对象;  
  2. var variable=DOM对象;  

(1)、jQuery对象转换成DOM对象:

当我们对jQuery封装的方法不能完全掌握或者jQuery没有封装的方法,那么我们需要将jQuery对象转换成DOM对象,然后调用JavaScript对象中的方法,jQuery提供了两种方法将jQuery对象转换成DOM对象,即index[] ,get(index)

A、jQuery对象是一个数组对象,可以通过[index]将其转换成DOM对象:

[html]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. var $cr=$("#id"); //jQuery对象  
  2. var cr=$cr[0]; //DOM对象  

B、另一种方法是jQuery本身提供的,通过get(index)方法得到DOM对象



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值