jquery选择器实例教程学习 jQuery如何定义插件?
jQuery如何定义插件?
Query编译程序插件的两种方法
1.先添加jQuery对象级的插件,是给jQuery类先添加方法
写法:
(function($){
$({
函数名:function(可以自定义参数){
//这里写插件代码
}
})
})(jQuery)
也可以
(function($){
$.fn.函数名function(自定义设置参数){
//这里写插件代码
}
})(jQuery)
动态创建方法:$(#id).函数名(参数)
2.jQuery类级别的插件,等同于去添加静态动态方法
(function($){
$.create({
函数名:function(下拉菜单参数){
//这里写插件代码
}
})
})(jQuery)
或者
(function($){
$.函数名function(自定义参数){
//这里写插件代码
}
})(jQuery)
动态创建方法:$.函数名(参数)
jquery插件的种类:
1.对象级别的插件开发,即给jQuery对象再添加方法,封装对象方法的插件,如:parent()、appendTo()
2.一种是类级别的插件开发,即给jQuery添加新的全局函数,超过给jQuery类本身再添加方法,jQuery的全局函数就是属于什么jQuery命名空间的函数,标准封装全局函数的插件
3.选择器插件
jQuery插件机制
jQuery为开发插件提拱了两个方法,分别是:
(object)给jQuery对象再添加方法。
jQuery.extend(object)为扩充卡jQuery类本身.为类直接添加新的方法,是可以再理解为添加静态方法。
这两个方法都给予一个参数,类型为Object,Object随机的名/值对各属於函数或方法体/函数主体。
fn是什么东西呢?
查找jQuery代码,就不是很难才发现:
jQuery.fn{init:function(selector,context){//....//......}
原来jQuery.fn对prototype当然应该不会并不陌生啦。虽说javascript没有必须明确的类的概念,只不过用类来明白它,会更比较方便。jQuery叶白三个整体封装得相当好的类,例如我们用语句$(#btn1)会能生成一个jQuery类的实例。
(object),对进行储存,那就是为jQuery类添加“成员函数”。jQuery类的实例也可以可以使用这个“成员函数”。即:$(#id).object()
()方法除了可以不储存jQuery对象外,还也可以存储并无的Object对象,经常被用于设置中插件方法的一系列默认参数,这个可以很方便的用传入的参数来包裹默认值
(object1,object2)object1设置参数值,component2传入的参数值;详细说明,请然后点击这里
varsettions{validate:false,limit:5,namefoo}
varoptions{validate:true,namebar}
(settings,options)
结果为:
newOptions{validate:true,limit:5,namebar}
functionfoo(options){
({
namebar
类选择器的基本语法格式正确的是?
基本语法:$(selector)例子:ID选择器:$(#myid)类别你选器:$(.mycls)元素中,选择器:$(span)等等...更详细的,建议您你直接下载一个jquery手册查找。
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。