一、方法 : $.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. 点开方法详细,根据案例,或方法说明,实际测试。