轻风易扬

如果不能在混乱中创造出秩序,那么设计也就失去了意义,我愿去寻找这种秩序感

© 轻风易扬
Powered by LOFTER

轻风易扬之Javascript学习(4)--《锋利的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对象的制造工厂。

来源:时光荏苒

评论
热度 ( 2 )
  1. 轻风易扬时光荏苒 转载了此文字
TOP