JavaScript

一．jQuery概述

 1.为什么选择jQuery

（1）jQuery与JavaScript

     jQuery是JavaScript的程序库之一，它是JavaScript对象和实用函数的封装。

     是目前最流行的JavaScript程序库。

     使用jQuery制作交互特效的语法更为简单，代码量大大减少了。使用jQuery

     与单纯使用JavaScript相比最大的优势是能使页面在各浏览器中保持统一  

     的显示效果，即不存在浏览器兼容性问题。

（2）jQuery与其他JavaScript库

     JavaScript是一种面向Web的脚本语言。

     JavaScript本身存在两个弊端：一个是复杂的文档对象模型，另一个是不一

     致的浏览器实现。

     为了简化JavaScript开发，解决浏览器之间的兼容性问题，一些JavaScript

     程序库随之诞生，JavaScript程序库又称之为JavaScript库。JavaScript库封

     装了很多预定义的对象和实用函数，能够帮助开发人员轻松的搭建具有高

     难度交互的客户端页面，并且完美地兼容各大浏览器。

     目前最流行的JavaScript库：Prototype、Dojo、Ext JS、jQuery、YUI

     jQuery只是JavaScript的程序库，相当于JavaScript技术的一个子集。

 2.认识jQuery

（1）jQuery的主要应用场合：访问和操作DOM元素、控制页面样式、对页面事件的处理、方便地使用jQuery插件、与Ajax技术的完美结合。

（2）jQuery的优势：jQuery的主旨是write less，do more

A.轻量级。jQuery的体积较小。

B.强大的选择器。jQuery支持几乎所有的CSS选择器，以及jQuery定义的特有的选择器。

C.出色的DOM封装。jQuery能够轻松地完成各种使用JavaScript编写的非常复杂的操作。

D.可靠的事件处理机制。jQuery的事件处理机制吸收了JavaScript中的事件处理函数的精华。使得jQuery在处理事件绑定时非常可靠。

E.出色的浏览器兼容性。

F.隐式迭代。当使用jQuery查找同名的元素后隐藏他们时，无须遍历每一个返回的元素，它会自动操作所匹配的对象集合，而不是单独的对象。

G.丰富的插件支持。

3.jQuery载入事件的方法：$(document).ready(function(){

                        //执行代码

                        });

类似于JavaScript中：window.onload=function(){

                      //执行代码

                    };

             

 

 window.onload与$(document).ready()对比

 

window.onload

$(document).ready()

执行时机

必须等待网页中所有的内容加载完毕后才能执行

网页中所有DOM文档结构绘制完毕后即刻执行，可能与DOM元素关联的内容

编写个数

同一个页面不能同时编写多个。编写多个只会输出一个

同一个页面能同时编写多个。

简化写法

 

 

 

 

           无

4.$(document).ready(function(){

       //执行代码

  });

可简化写成：

5.$(function(){

      //执行代码

  });