通过方法扩展,可以给jQuery添加额外的方法,从而来开发自己的基于jQuery的插件
//扩展jQuery对象
jQuery.extend({
hello: () => {
alert("hello");
},
fuck: () => {
alert("fuck");
}
});
//测试运行结果:jQuery对象和$对象都拥有了扩展方法
jQuery.hello();
$.hello();
//扩展jQuery结果集对象
//由于$(...)包装了所有查询到的元素,我们称其为结果集对象,以区分jQuery对象
jQuery.fn.extend({
fnHello: () => {
alert("fnHello");
},
fnFuck: () => {
alert("fnFuck");
}
});
//测试运行结果:所有结果集对象都拥有了扩展方法
jQuery("body").fnHello();
jQuery().fnHello();
$().fnHello();
//测试jQuery对象和结果集对象的扩展方法是否可以互用
//结果:代码不错,不可互用,两个独立的对象
jQuery().hello();
jQuery.fnHello();
下一篇文章,通过一个简单的全选功能,来展示方法扩展的好处