首先 ,再用JQuery 时 得导包 ,以下我导入的是目前最高版本
1:JQuery 机制
其实就是给JQuery 对象添加实例方法或类方法,而通过$.extend() or $.fn.exntend()来实现
要明白JQuery 机制 就要想了解 extend or fn.extend
2:extend
//例子1
var v = {df:"ff",dd:"54"}; json 对象
var f = {gg:"hh"};
$.extend(v,f); 将对象f 的方法和属性 扩展(加入) 到 v 的属性和方法上
alert(v.gg); 因此可以点出
弹出结果:
也就是$.extend(v,f,?,?,?....);可以無限拓展 到最前面的屬性和方法中
//例子2
var v = {dd:"1",df:function (){
alert("123");
}};
$.extend(v);将对象v 的方法和属性 扩展到jQuery 的类属性和类方法(就是直接可 jQuery 点出方法和属性);
$(function() {
$.df(); 因此弹出 123
});
結果如下:
3:fn.extend
//例子3 fn.extend
var v = {dd:"1",df:function (){
alert("123");
}};
$.fn.extend(v); //将v 的属性和方法 扩展到jQuery 实例对象的实例属性和实例方法
$(function () {
// $.df(); //没用
$("h1").df(); //弹出 123
});
结果如下:
这里需要注意 : extend 代表 $.exntend 就可以点出使用
而 fn.extend() 是使用jQuery 对象才能点出方法
所以 只需要了解extend or fn.extend 就能写出 JQuery 插件了 写好引用就行