数码资讯
jQuery插件的全局函数使用示例
本文给出了jQuery plug-in.share全局函数使用一个例子给你供你参考。具体分析如下: 1。添加一个新的全局函数 所谓的全局函数实际上是jQuery对象的一种方法,但是从实用的角度来看,它们是jQuery命名空间中的函数。 (1)要添加一个函数,只需要指定一个新函数作为jQuery对象的
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
本文给出了jQuery plug-in.share全局函数使用一个例子给你供你参考。具体分析如下:
1。添加一个新的全局函数
所谓的全局函数实际上是jQuery对象的一种方法,但是从实用的角度来看,它们是jQuery命名空间中的函数。
(1)要添加一个函数,只需要指定一个新函数作为jQuery对象的一个属性。
jquery.five =函数(){
警报(直接继承的不同方法);
}
调用:复制代码代码如下:$五();
(2)添加多个函数
jquery.five =函数(){
警报(直接继承的不同方法);
}
jquery.six =函数(){
警报(直接继承的方式不相同,2 );
}
调用:复制代码代码如下:$五();$六();
上述方法将面临名称空间冲突的风险。为了避免这个问题,最好将属于这个插件的所有全局函数封装到对象中。
命名空间继承
jquery.myplugin = {
一:功能(obj){
var obj对象=;
var id = object.attr(ID);
警报(id);
},
二:函数(){
警报(22);
}
}
这实际上创造了全球功能的另一个命名空间:jquery.myplugin。
2。添加jQuery对象方法
jQuery中的大多数内置函数都是通过对象的方法提供的。
jquery FN。MyMethod =函数(){
警报(11);
}
电话:复制代码代码如下:fn.mymethod()美元;
注:jquery.fn是jquery.prototype别名。
下面是错误行为的一种方法
11111111111111111111111111
22222222222222222222
三百三十三兆三千三百三十三亿三千三百三十三万三千三百三十三
四十四千四百四十四兆零四百和四百四十四亿四千四百万零四百四万四千四百四十四
五十五万亿、五千五百五十亿零五百、五千五百五十五万五千零五和五十五
六千六百六十六万亿、六千六百六十亿零六百、六千六百六十六万六千零六和六十六
七十七万七千七百和七十七兆七千七百七十亿七亿七千七百万零七百和七万七千七百七十七
七十七万七千七百和七十七兆七千七百七十亿七亿七千七百万零七百和七万七千七百七十七
jquery FN。swapclass =功能(1、2){
如果(this.hasclass(Class1)){
This.removeClass(一级),AddClass(2);
}
如果(this.hasclass(2)){
This.removeClass(2)AddClass(一级);
}
}
$(#互换)。Click(function(){)
$(礼)。SwapClass(这
返回false;
})
所有的李都是那种风格的人。
(1)隐士迭代
为了确保在匹配多个元素时行为的正确性,最简单的方法是以方法的方式调用每个()方法。
执行隐式迭代时,执行隐式迭代对于保持插件和内置方法的一致性至关重要。
依次依次引用每个DOM元素。上面的代码被修改为:
jquery FN。swapclass =功能(1、2){
this.each(函数(){()
var = jQuery(此);
如果($ element.hasclass(Class1)){
element.removeclass美元(一班)AddClass(2);
} else if($ element.hasclass(2)){
element.removeclass美元(2)AddClass(一级);
}
})
}
呼叫:
复制代码如下:$(礼)。SwapClass(这
(2)连接方法
要使用连接的方法,必须在插件方法中返回一个jQuery对象。
jquery FN。swapclass =功能(1、2){
返回this.each(函数(){()
var = jQuery(此);
如果($ element.hasclass(Class1)){
element.removeclass美元(一班)AddClass(2);
} else if($ element.hasclass(2)){
element.removeclass美元(2)AddClass(一级);
}
})
}
呼叫:
复制代码如下:$(礼)。SwapClass(这
3,增加一种新的速记方法。
添加一个新方法
jquery FN。slidefadeout =功能(速度、回调){
返回this.animate({
身高:隐藏
不透明性:隐藏
},速度,回调)
}
jquery FN。slidefadein =功能(速度、回调){
返回this.animate({
身高:显示
不透明性:显示
},速度,回调)
}
jquery FN。slidefadetoggle =功能(速度、回调){
返回this.animate({
高度:开关
不透明性:切换
},速度,回调)
}
希望本文能对大家的jQuery程序设计有所帮助。
1。添加一个新的全局函数
所谓的全局函数实际上是jQuery对象的一种方法,但是从实用的角度来看,它们是jQuery命名空间中的函数。
(1)要添加一个函数,只需要指定一个新函数作为jQuery对象的一个属性。
jquery.five =函数(){
警报(直接继承的不同方法);
}
调用:复制代码代码如下:$五();
(2)添加多个函数
jquery.five =函数(){
警报(直接继承的不同方法);
}
jquery.six =函数(){
警报(直接继承的方式不相同,2 );
}
调用:复制代码代码如下:$五();$六();
上述方法将面临名称空间冲突的风险。为了避免这个问题,最好将属于这个插件的所有全局函数封装到对象中。
命名空间继承
jquery.myplugin = {
一:功能(obj){
var obj对象=;
var id = object.attr(ID);
警报(id);
},
二:函数(){
警报(22);
}
}
这实际上创造了全球功能的另一个命名空间:jquery.myplugin。
2。添加jQuery对象方法
jQuery中的大多数内置函数都是通过对象的方法提供的。
jquery FN。MyMethod =函数(){
警报(11);
}
电话:复制代码代码如下:fn.mymethod()美元;
注:jquery.fn是jquery.prototype别名。
下面是错误行为的一种方法
11111111111111111111111111
22222222222222222222
三百三十三兆三千三百三十三亿三千三百三十三万三千三百三十三
四十四千四百四十四兆零四百和四百四十四亿四千四百万零四百四万四千四百四十四
五十五万亿、五千五百五十亿零五百、五千五百五十五万五千零五和五十五
六千六百六十六万亿、六千六百六十亿零六百、六千六百六十六万六千零六和六十六
七十七万七千七百和七十七兆七千七百七十亿七亿七千七百万零七百和七万七千七百七十七
七十七万七千七百和七十七兆七千七百七十亿七亿七千七百万零七百和七万七千七百七十七
jquery FN。swapclass =功能(1、2){
如果(this.hasclass(Class1)){
This.removeClass(一级),AddClass(2);
}
如果(this.hasclass(2)){
This.removeClass(2)AddClass(一级);
}
}
$(#互换)。Click(function(){)
$(礼)。SwapClass(这
返回false;
})
所有的李都是那种风格的人。
(1)隐士迭代
为了确保在匹配多个元素时行为的正确性,最简单的方法是以方法的方式调用每个()方法。
执行隐式迭代时,执行隐式迭代对于保持插件和内置方法的一致性至关重要。
依次依次引用每个DOM元素。上面的代码被修改为:
jquery FN。swapclass =功能(1、2){
this.each(函数(){()
var = jQuery(此);
如果($ element.hasclass(Class1)){
element.removeclass美元(一班)AddClass(2);
} else if($ element.hasclass(2)){
element.removeclass美元(2)AddClass(一级);
}
})
}
呼叫:
复制代码如下:$(礼)。SwapClass(这
(2)连接方法
要使用连接的方法,必须在插件方法中返回一个jQuery对象。
jquery FN。swapclass =功能(1、2){
返回this.each(函数(){()
var = jQuery(此);
如果($ element.hasclass(Class1)){
element.removeclass美元(一班)AddClass(2);
} else if($ element.hasclass(2)){
element.removeclass美元(2)AddClass(一级);
}
})
}
呼叫:
复制代码如下:$(礼)。SwapClass(这
3,增加一种新的速记方法。
添加一个新方法
jquery FN。slidefadeout =功能(速度、回调){
返回this.animate({
身高:隐藏
不透明性:隐藏
},速度,回调)
}
jquery FN。slidefadein =功能(速度、回调){
返回this.animate({
身高:显示
不透明性:显示
},速度,回调)
}
jquery FN。slidefadetoggle =功能(速度、回调){
返回this.animate({
高度:开关
不透明性:切换
},速度,回调)
}
希望本文能对大家的jQuery程序设计有所帮助。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。