Jquery入门 简单介绍

 

Jquery 简介

今天接触了jquery，简单的学习了jquery的API的一些相关的知识。下面是今天学习的jquery简单入门的一些知识点。希望大家能对jquery有一个简单的认识，从而再去深入的去学习它，总体来说，通过这一天的学习，感觉jquery还不是很难的，只要认真的去学就好了。

1、  jQuery是继Prototype之后又一个优秀的JavaScript库。

2、  jQuery理念：写得少，做得多。优势如下：

（1）       轻量级

（2）       强大的选择器

（3）       出色的DOM操作的封装

（4）       可靠的事件处理机制

（5）       完善的Ajax

（6）       出色的浏览器兼容性

（7）       链式操作方式等

1）  jQuery能做什么？

（1）       程序员：简化JavaScript和ajax编程，能够使程序员从设计和书写繁杂的JS应用中解脱出来，将关注点转向功能需求而非实现细节上，从而提高项目的开发速度。

（2）       用户：改善了页面视觉效果，增强了与页面的交互性，体验更绚丽的网页。

 

3、jQuery的安装与使用：

（1）现在Jquery类库文件最新版本是jQuery-1.7.1的 。可以到jQuery的官网http://jquery.com上下载。

（2）jQuery的使用：在页面的头部head标签中，添加js文件

         <script type=”text/javascript” src=”jquery.js”></script>

4、  jQuery对象：

（1）       jQuery对象就是通过jQuery($())包装DOM对象后产生的对象

（2）       jQuery对象是jQuery独有的。如果一个对象是jQuery对象，那么就可以使用jQuery里的方法:$(“#persontab”).html();

（3）       jQuery对象无法使用DOM对象的任何方法，同样DOM对象也不能使用jQuery里的任何方法。

（4）       约定：如果获取的是jQuery对象，那么要在变量前面加上$ 。

var $variable = jQuery 对象

var variable = DOM对象

5、案例：

Script部分：

 window.onload = function(){};

   //当窗体加载完毕后  触发  function()匿名函数

   $(document).ready(function(){

     alert("hi hello！");

   });

分析：

   /***

     $ jQuery 对象

     var jQuery ;对象 $(document); //DOM对象  ---jQuery对象  使用方法 ready(fn)函数 匿名回调函数

     $(document).ready(function(){

 

     });

  理解 $含义  jQuery 对象 var jQuery = window.$;

       $(document) //

       jQuery 对象就是通过 jQuery ($()) 包装 DOM 对象后产生的对象

       //document 什么对象 DOM对象 $(DOM对象) 包装之后  就变成 了 jQuery对象

       //DOM对象只能使用dom属性方法  jQuery对象只能是jQuery属性和方法

       jQuery 对象无法使用 DOM 对象的任何方法, 同样 DOM 对象也不能使用 jQuery 里的任何方法

       $(document) jQuery对象

       //当DOM载入就绪可以查询及操纵时绑定一个要执行的函数

       ready(fn)方法; //jQuery对象的方法