jQuery简介

一、jQuery简介

1. jQuery简介

• jQuery 是一个 JavaScript 库，封装了原生js。
• jQuery是一个轻量级的"写的少，做的多"的JavaScript库。
• 优点：减少代码量，提高兼容性。jQuery可以链式操作，即同一个对象多次操作。如: obj.html().css().text();

2. jQuery 库包含以下功能：

• a. HTML 元素选取
• b. HTML 元素操作
• c. CSS 操作
• d. HTML 事件函数
• e. JavaScript 特效和动画
• f. HTML DOM 遍历和修改
• g. AJAX
• h. Utilities
• 提示： 除此之外，jQuery 还提供了大量的插件。

3. 为什么使用 jQuery ？

• 目前网络上有大量开源的 JS 代码库, 但是 jQuery 是目前最流行的 JS 代码库，而且提供了大量的扩展。

二、jQuery代码的写法

• 要写jQuery代码，需要引入jQuery的库，按照引入js的方式引入到页面。

	<script src="js/jquery-1.9.1.js"></script>

• jQuery代码的写法和原生js一致。

三、jQuery对象

• 下面两句代码框架是在window对象上写入两个变量：jQuery和$。

	_jQuery = window.jQuery;
	_$ = window.$;

• jQuery等价于$，jQuery是个函数。

	console.log(jQuery);
    console.log($);
	window.jQuery = window.$ = jQuery;

• 创建返回一个jQuery初始化对象。

	jQuery = function(selector,context){
       return new jQuery.fn.init(selector,context,rootjQuery);
   }

• jQuery源代码解析
• myjquery.js

(function(window,undefined){
    //定义了相关变量
    var _jquery=window.jQuery,
        _$=window.$,
        jQuery=function(selector,content){
            //返回一个对象
            return new jQuery.fn.init(selector,content,undefined);
        }
    jQuery.fn=jQuery.prototype={
        constructor:jQuery,
        init:function(selector,context,rootjQuery){
            if(!selector){
                //$("") $(null)  $(undefined) $(false)
                return this;
            }
        },
        add:function(){

        }
    }
    jQuery.fn.init.prototype=jQuery.fn;
    //jQuery函数
    window.$=window.jQuery=jQuery; 
})(window); 

• jquery.html

<script src="js/myjquery.js"></script> 
<script>
    console.log($);
    console.log($ === jQuery);
    console.log($("")); 
</script> 

• 运行jQuery函数
• $()—当前运行函数，不写参数的时候，直接返回this。

   console.log($());//init{}对象
   console.log($(''));//init{}对象
   console.log($(null));//init{}对象
   console.log($(false));//init{}对象
   console.log($(undefined));//init{}对象