《锋利的JQuery》读书笔记——第一章

第一章 概述

1 window.onload与$(document).ready()区别

1.1 window.onload

window.onLoad必须等待网页中所有的内容加载完毕后才能执行，并且只能编写一个window.onLoad，同时使用多次时，只有最后一次会有效果。

1.2 $(document).ready()

$(document).ready()在所有DOM结构绘制完毕后就执行（这个时候可能DOM元素关联的东西并没有加载完成）。可以同时使用多次，使用多次则全部有效。另外：$(document).ready(function(){

});

可以简写为：

       $(function(){

       });

 

2 代码格式

1)     对于同一个对象不超过3个操作的，可以直接写成一行

2)     对于同一个对象的较多操作，可以每行写一个操作。也可以以功能模块来换行

3)     对于多个对象的少量操作，可以每个对象写一行，设计子元素时可以适当缩进。

4)     适当的注释，注释用//

3 DOM对象和JQuery对象

3.1DOM对象和JQuery对象简介

         JQuery对象对DOM对象进行了一层的封装用。DOM中的方法在JQuery中都可以找到与之对应的方法。特别要注意JQuery对象不能使用DOM方法，相同的DOM对象也不能使用JQuery的方法。

3.2JQuery对象和DOM对象相互转换

       例子中，会用以$号开头的变量代表JQuery对象，不以$开头的变量则代表DOM对象。

       例如：

       var $variable = JQuery对象;

       var variable = DOM对象;

3.2.1通过JQuery获得相应的DOM对象有两种方法：

1)       通过[index]获取，例如：

var $cr = $(“#cr”);

var cr = $cr[0];

2)       通过get(index)方法获取，例如：

var $cr = $(“#cr”);

var cr = $cr.get(0);

3.2.2通过DOM对象获得相应的JQuery对象：

       只需要用$()把DOM对象包装起来即可：

       var cr = document.getElementById(“cr”);

       var $cr = $(cr);