《锋利的jQuery》读书笔记 第一章 认识jQuery
1、window.onload与$(document).ready()的对比
window.onload在执行时必须等待网页中所有的内容加载完毕后(包括图片)才能执行;不能同时编写多个;没有简化写法。
$(document).ready()在执行时网页所有的DOM结构绘制完毕后就执行,可能DOM元素关联的东西并没有加载完;能同时编写多个也能正常执行;$(document).ready(function(){})可以简写成为$(function(){}).
2、jQuery对象
jQuery对象就是通过jQuery包装DOM对象后产生的对象。
jQuery对象时jQuery独有的。如果一个对象是jQuery对象,那么就可以使用jQuery里的方法。例如:$("#foo").html();等同于document.getElementById("foo").innerHTML;
在jQuery中是无法使用DOM对象的任何方法的。类似$("#foo").innerHTML的写法是错误的。
注意: 用#id作为选择符取得的是jQuery对象而并不是document.getElementById("id")所得到的DOM对象,两者并不等价。
3、jQuery对象和DOM对象的相互转换
1. jQuery对象转成DOM对象
(1)jQuery对象时一个类似数组的对象,可以通过[index]的方法得到相应的DOM对象。
var $cr = $("#cr"); //jQuery对象
var cr = $cr[0]; //DOM对象
(2)另一个方法是jQuery本身提供的,通过get(index)方法得到相应的DOM对象。
var $cr = $("#cr"); //jQuery对象
var cr = $cr.get(0); //DOM对象
2. DOM对象转成jQuery对象
对于一个DOM对象,只需要用$()把DOM对象包装起来就可以获得一个DOM对象了。
var cr = document.getElementById("cr"); //DOM对象
var $cr = $(cr); //jQuery对象
注意: 平时用到的jQuery对象就是通过$()函数制造出来的,$()函数就是一个jQuery对象的制造工厂。
评论