初识JQuery

 

对于初识JQuery，依据上面的图，我们有选择性的做一些简短的介绍：

1.什么是JQuery、JQuery是别与javascript的一门别的语言吗？

答：JQuery是继prototype之后的又一个优秀的、轻量级的Javascript框架。它不是别与javascript的另一门语言，而是javascript函数、代码的堆积。

2.既然JQuery源于Javascript，那么已经有了javascript为什么还要有JQuery？

答：因为普通javascript中每种控件的操作方式不统一，不同浏览器下有区别，要编写跨浏览器的程序非常麻烦，因此就出现了很多对javascript的封装库的类库，如JQuery、Prototype、Dojo、ExtJSP等，这些库对javascript进行了封装，简化了开发，调用JQUery内部一句函数相当于调用了javascript中的n多句代码实现。这也正体现了JQuery的优点：跨浏览器兼容性好；而且使用简单方便（write less do more）

3.JQuery对象与Dom对象是两个完全不同的对象，两个对象之间不可以互相调用对方的方法，但是两个对象之间可以互相转换：

           A、JQuery对象转换成Dom对象：

                      只需用$()把Dom对象包装起来，就可以获得一个Jquery对象了→例如：$(Dom对象)

           B、Dom对象转换成JQuery对象（两种方法[index]和.get(index)）：                               

                     JQuery对象内部包含一个数组对象，可以通过[index]的方法，来得到相应的DOM对象

                                 var $txtName=$("#txtName");

                                 var txtName = $txtName[0];

                     Jquery本身提供，通过.get(index)方法，得到相应的DOM对象

                                 var txtName=$txtName.get(0);

4.JQuery中基本的选择器有三种：ID选择器、类选择器、元素选择器，而在此基础上可以实现多选择器，并且用“*”来实现所有选择器。

5.隐式迭代：

答：对于JQuery中的所有选择器，都会返回一个唯一的JQuery对象即用一个变量来接收返回值即可（var $divs=$("div");），那么会有人问了，不是说JQuery选择器可以实现多选择器和所有选择器吗，要是反回的元素不止一个呢？

接下来就该隐式迭代上场了，还拿刚才那句代码（var $divs=$("div");）举例，这是一个“div元素选择器”，如果页面上有多个div的话，那么所有的div对象都会被选中，怎么会只返回一个JQuery对象呢？那要是给被选中的div对象添加内容（$divs.html("hello");）的话，那页面上所有的div中哪一个会被操作呢？

对于返回多个div用一个JQuery对象来接收的问题是这样的，JQuery对象中会有一个dom数组，每一个被选中的div元素都会放在dom数组中。

而当执行var $divs=$("div");语句时系统会自动到JQuery对象中的dom数组中逐个循环每一个div元素，并依次调用div.innerHTML方法，直到dom数组遍历完为止，这个内部循环的过程是系统自动完成的不用写遍历操作数组的代码，因此称这种内部循环的过程为隐式迭代。

6.JQuery中的Ready事件与Window.onload事件的区别：

答：JQuery的Ready事件先于Window.onload事件，Ready事件是在浏览器解析所有的html代码后产生完整的dom树时触发的事件，而window.onload方法是浏览器加载完所有的页面的外部资源后才调用的；Ready可以加载多个方法，每个方法都会依次执行，而onload只能调用一次，如果注册了多个方法，最后一个方法会把之前的方法覆盖掉。

 

使用JQuery来编写网页，可以给程序员们带来灰常大的方便，但是如果想很好的理解并应用JQuery的话还得看自己的Javascript知识是否坚固，因为JQuery本身就是调用的就是Javascript代码。对于网页编程来说用好javascript可以给页面带来动态的美。

学习Javascript、学习JQuery，你还等什么！gogo！