迷你jQuery开发

迷你版jquery框架开发
选择器：#id、tag标签、dom节点
方法：css()、attr()、each()方法

学习”迷你版jquery”可以认识到的地方：
①jquery里边的大部分方法有“遍历机制”
②jquery方法里边的参数this是代表dom对象

1.制作选择器

2.各种方法的封装
jq.fn.init.prototype = jq.fn
使得new jq.fn.init实例化的对象既可以调用init成员，也可以调用fn的成员：

jquery的许多方法本身有遍历机制：

css和attr方法的封装：

css和attr方法的使用：

css和attr方法使用效果：

each()方法实现本质：

jquery框架主结构：

迷你jquery框架全部代码：

jquery插件开发
1. 什么是jquery插件
jquery框架本身给我们提供了一些方法供使用。但是方法的数目是有限的，其不能任意满足我们对各种功能的需求。那么我们自己可以来给jquery框架开发、扩展一些额外功能方法。

给jquery框架开发、扩展额外方法的过程就是“插件开发”
插件作用：避免写重复代码，简化开发、丰富jquery功能
2. 两种形式丰富方法
①  给$.fn丰富成员(该成员可以给jquery对象使用)
    $.fn.成员 = 值;
    $.fn.extend(json对象);
②  给$函数对象丰富成员(该成员可以给$对象使用)
    $.成员 = 值;
    $.extend(json对象);

给jquery对象丰富额外方法：

制作一个应用插件

制作一个给table表格设置颜色的插件：

效果：

使用”成品jquery插件”的步骤
① 引入jquery的插件文件
② 引入对应的css样式文件、img图片、辅助的相关js文件
③ 检查jquery插件对jquery版本是否有要求

迷你版jquery开发
    选择器：#id   tag标签   dom对象
    方法： css()   attr()   each()
    
    重点是理解jquery原理：
    ① jquery大部分方法有遍历机制
    ② jquery大部分方法 内部this是dom对象的代表

jquery插件开发
    jquery插件就是给jquery增加的额外方法
    ① 给”jquery对象”增加
        $.fn.成员= 值;
        $.fn.extend(json对象);
    ② 给$对象增加
        $.成员= 值;
        $.extend(json对象);