jQuery插件封装的绑定方法
1.使用对象形式,给jQuery绑定了一个全局的方法。$.test()
jQuery.test = function () {
console.log('测试')
}
$.test()
2.使用对象形式,给jQuery绑定一个 局部 (DOM) 的方法 $(‘form’).validate()
// jQuery.fn 局部
jQuery.fn.test = function () {
console.log('局部的测试')
}
$().test()
3.使用jq中的$.extend() 扩展自己的函数 — 全局的方法 – 2个参数
$.extend() 的第一个参数是目标 对象,会将后面的对象或者方法合并到第一个中。
$.extend($, {
test: function () {
console.log('$.extend() 扩展自己的函数')
}
})
$.test()
4.使用jq中的$.extend() 扩展自己的函数 — 局部的方法 - DOM – 2个参数
$.extend($.fn, {
test: function () {
console.log('$.extend() 扩展自己的函数')
}
})
$().test()
.
e
x
t
e
n
d
(
t
a
r
g
e
t
,
o
b
j
1
,
o
b
j
2...
)
如
果
只
为
.extend(target, obj1, obj2...) 如果只为
.extend(target,obj1,obj2...)如果只为.extend()指定了一个参数,则意味着参数target被省略。
此时,target就是jQuery对象本身。通过这种方式,我们可以为全局对象jQuery添加新的函数。
5.使用jq中的$.extend() 扩展自己的函数 – 全局
$.extend({
test () {
console.log('test')
}
})
$.test()
$.fn.extend({}) 如果只有一个参数,会把该对象合并到 $.fn中
6.使用jq中的$.extend() 扩展自己的函数 – 局部
$.fn.extend({
test () {
console.log('fn-test')
}
})
$().test()
案例测试需引入jquery.js文件
常用方法
全局
$.extend({})
局部
$.fn.extend({})