jquery的扩展和插件

一、方法 ：   $.abc();

$.extend({
        qwe:"hello qf",
        abc:function(){
            console.log("你好");
        }
    })
    console.log($.qwe);
    $.abc();

先执行jq，传参，选择器，选择器返回的是DOM元素，这种执行为jq的DOM方法添加给jq对象的方法，jq的DOM元素拿不到， 需要直接添加给jq的DOM对象，才能够通过DOM元素拿到这个方法。

二、jq的DOM对象：固定写法 ：$.fn

$.fn.extend({
        liyang:function(){
            console.log("方法")
        }
    })
    $("#box").liyang();
    $.abc();

利用jq的extend这个方法，可以自己开发jq插件。下面我们看看如何自己做插件.

三、插件的制作

3.1、jQuery的插件开发：
1.确定功能，确定插件的名字(文件名)：

 jquery.myAnimate.1.0.js

2. 创建文件后，开启匿名函数，严格模式;
3. 处理jq的入口变量,放置被使用者无意间修改$入口;
4 .准备向jq绑定方法;
5 .在封装的插件函数的内部，实现功能; 内部的this，指向jq对象, 如果是绑定给DOM对象，那么this指向方法能被执行时选择器选中的DOM元素.

$("#box").myAnimate({
        left:500
    },1000).then((code)=>{
        alert(code)
    })

3.2  插件的封装，仅仅是调用方式的修改，功能的实现，并没有修改。

  $("#box").banner();
    $("#box").tab();

    tab();
    banner();

    norepeat();
    arr.norepeat();

四、如何查文档

 1.拿到文档：jq文档，看不懂的话，可以寻求官网，第三方翻译；
2.1 找目录；
2.2 直接查找对应的API；
3. 点开方法详细，根据案例，或方法说明，实际测试。