数码资讯
jQuery插件的参数使用分析
本文演示了jQuery插件生产的参数用法,供大家参考,具体分析如下: 1。无参数文本的阴影效应 jquery.fn.shadow =函数(){ 返回this.each(函数(){() VaR originalelement美元= jQuery(this); 对于(var i = 0;i < 5;i
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
本文演示了jQuery插件生产的参数用法,供大家参考,具体分析如下:
1。无参数文本的阴影效应
jquery.fn.shadow =函数(){
返回this.each(函数(){()
VaR originalelement美元= jQuery(this);
对于(var i = 0;i < 5;i + +){
originalelement.clone美元()
CSS({
位置:绝对
左:originalelement.offset美元(左+我),
上图:originalelement.offset美元(上+我),
保证金:0,
ZIndex:1,
不透明度:0.1
})
。appendto(体);
}
})
}
调用的一个示例:复制代码代码如下:$()暗野影人();
2。简单的参数
jquery.fn.shadow =功能(片、不透明,zIndex){
返回this.each(函数(){()
VaR originalelement美元= jQuery(this);
对于(var i = 0;i <切片;i + +){
originalelement.clone美元()
CSS({
位置:绝对
左:originalelement.offset美元(左+我),
上图:originalelement.offset美元(上+我),
保证金:0,
ZIndex:在,
不透明度:透明度
})
。appendto(体);
}
})
}
调用的例子:复制代码代码如下:$(H1)。暗野影人(10,0.1,- 1);
3、参数映射
jquery.fn.shadow =功能(选择){
返回this.each(函数(){()
VaR originalelement美元= jQuery(this);
对于(var i = 0;i < opts.slices;i++){
originalelement.clone美元()
CSS({
位置:绝对
左:originalelement.offset美元(左+我),
上图:originalelement.offset美元(上+我),
保证金:0,
ZIndex:opts.zindex,
不透明度:opts.opacity
})
。appendto(体);
}
})
}
调用示例:
复制代码代码如下:$()。暗野影人({
切片:5,
不透明性:0.25,
ZIndex:1
});
4。默认参数值(这是最重要的)
jquery.fn.shadow =功能(选项){
var默认值= {
切片:5,
不透明性:0.1,
ZIndex:1
};
如果默认值存在于选项中,则默认值是覆盖的。
VaR选择= jquery.extend(默认值,选择);
返回this.each(函数(){()
VaR originalelement美元= jQuery(this);
对于(var i = 0;i < opts.slices;i++){
originalelement.clone美元()
CSS({
位置:绝对
左:originalelement.offset美元(左+我),
上图:originalelement.offset美元(上+我),
保证金:0,
ZIndex:opts.zindex,
不透明度:opts.opacity
})
。appendto(体);
}
})
}
调用示例:
复制代码代码如下:$()。暗野影人({
不透明度:0.05
});
5。回调函数
jquery.fn.shadow =功能(选项){
var默认值= {
切片:5,
不透明性:0.1,
ZIndex:1,
SliceOffset:(我){函数
返回x:i,y:i }
}
};
如果默认值存在于选项中,则默认值是覆盖的。
VaR选择= jquery.extend(默认值,选择);
返回this.each(函数(){()
VaR originalelement美元= jQuery(this);
对于(var i = 0;i < opts.slices;i++){
调用回调函数
无功补偿= opts.sliceoffset(我);
originalelement.clone美元()
CSS({
位置:绝对
左:originalelement.offset美元()。左+偏移X,
上图:originalelement.offset美元()。顶+偏移。Y,
保证金:0,
ZIndex:opts.zindex,
不透明度:opts.opacity
})
。appendto(体);
}
})
}
调用示例:
复制代码代码如下:$()。暗野影人({
SliceOffset:(我){函数
返回{:x,I,y - 2 * }
}
});
6。可自定义默认值
jquery.fn.shadow =功能(选项){
默认值放在命名空间中的投影/插件中。
VaR选择= jquery.extend(jquery.fn.shadow.defaults,{ },选项);
返回this.each(函数(){()
VaR originalelement美元= jQuery(this);
对于(var i = 0;i < opts.slices;i++){
调用回调函数
无功补偿= opts.sliceoffset(我);
originalelement.clone美元()
CSS({
位置:绝对
左:originalelement.offset美元()。左+偏移X,
上图:originalelement.offset美元()。顶+偏移。Y,
保证金:0,
ZIndex:opts.zindex,
不透明度:opts.opacity
})
。appendto(体);
}
})
}
jQuery。
切片:5,
不透明性:0.1,
ZIndex:1,
SliceOffset:(我){函数
返回x:i,y:i }
}
}
默认值是放在命名空间可以直接引用通过美元。fn.shadow.default.the称美元。延长()也必须修改以适应这种变化。现在所有的阴影()调用重用默认地图,所以不要让他(美元。扩展)来修改它,因此,一个空的地图(如美元。扩展){ })(第一个参数,让新的对象成为改进目标。
调用方法:
复制代码代码如下:默认值为10;
$()暗野影人({
SliceOffset:(我){函数
返回x:i,y,i }
}
});
7。添加选择器表达式
*
*添加选择器表达式
*
*参数:
*元素:当前DOM元素,大多数选择器需要这个
*索引的索引:结果集中的DOM元素,这对选择器有用,如EQ()和LT()
*匹配:包含当前选择器正则表达式结果的数组。通常匹配{ 3 }在这个数组中。
*唯一有用的项;对于A(b)形式的选择器,匹配{ 3 }项包含B,也就是括号中的b。
*文本。
*设置:迄今为止匹配的整个DOM元素集,这个参数使用较少。
*
* /
JQuery.extend(jquery表达式{ ':' },{
CSS:函数(元素,索引,匹配,set){
修改后的匹配{ 3 } /宽度< 100
var部分=匹配{ 3 };
VaR值= parseFloat(jQuery(元)。Css(部分{ 0 }));
开关(零件{ 1 }){
案例< <:
返回值<parseInt(部分{ 2 });
案例< <:
返回值<= parseInt(部分{ 2 });
=案例:
情况=:
返回值= = parseInt(部分{ 2 });
情况>:
返回值= parseInt(部分{ 2 });
案例>:
返回值> parseInt(部分{ 2 });
}
}
})
呼叫:
desrunt mollit动物ID estlaborum
二百二十二万二千二百二十二
33333333333333333333333
四千四百四十四万亿、四千四百四十亿零四百、四千四百四十四万四千零四和四十四
复制代码代码如下:$(div:CSS(宽度<100)),AddClass(heighlight );
希望本文能对大家的jQuery程序设计有所帮助。
1。无参数文本的阴影效应
jquery.fn.shadow =函数(){
返回this.each(函数(){()
VaR originalelement美元= jQuery(this);
对于(var i = 0;i < 5;i + +){
originalelement.clone美元()
CSS({
位置:绝对
左:originalelement.offset美元(左+我),
上图:originalelement.offset美元(上+我),
保证金:0,
ZIndex:1,
不透明度:0.1
})
。appendto(体);
}
})
}
调用的一个示例:复制代码代码如下:$()暗野影人();
2。简单的参数
jquery.fn.shadow =功能(片、不透明,zIndex){
返回this.each(函数(){()
VaR originalelement美元= jQuery(this);
对于(var i = 0;i <切片;i + +){
originalelement.clone美元()
CSS({
位置:绝对
左:originalelement.offset美元(左+我),
上图:originalelement.offset美元(上+我),
保证金:0,
ZIndex:在,
不透明度:透明度
})
。appendto(体);
}
})
}
调用的例子:复制代码代码如下:$(H1)。暗野影人(10,0.1,- 1);
3、参数映射
jquery.fn.shadow =功能(选择){
返回this.each(函数(){()
VaR originalelement美元= jQuery(this);
对于(var i = 0;i < opts.slices;i++){
originalelement.clone美元()
CSS({
位置:绝对
左:originalelement.offset美元(左+我),
上图:originalelement.offset美元(上+我),
保证金:0,
ZIndex:opts.zindex,
不透明度:opts.opacity
})
。appendto(体);
}
})
}
调用示例:
复制代码代码如下:$()。暗野影人({
切片:5,
不透明性:0.25,
ZIndex:1
});
4。默认参数值(这是最重要的)
jquery.fn.shadow =功能(选项){
var默认值= {
切片:5,
不透明性:0.1,
ZIndex:1
};
如果默认值存在于选项中,则默认值是覆盖的。
VaR选择= jquery.extend(默认值,选择);
返回this.each(函数(){()
VaR originalelement美元= jQuery(this);
对于(var i = 0;i < opts.slices;i++){
originalelement.clone美元()
CSS({
位置:绝对
左:originalelement.offset美元(左+我),
上图:originalelement.offset美元(上+我),
保证金:0,
ZIndex:opts.zindex,
不透明度:opts.opacity
})
。appendto(体);
}
})
}
调用示例:
复制代码代码如下:$()。暗野影人({
不透明度:0.05
});
5。回调函数
jquery.fn.shadow =功能(选项){
var默认值= {
切片:5,
不透明性:0.1,
ZIndex:1,
SliceOffset:(我){函数
返回x:i,y:i }
}
};
如果默认值存在于选项中,则默认值是覆盖的。
VaR选择= jquery.extend(默认值,选择);
返回this.each(函数(){()
VaR originalelement美元= jQuery(this);
对于(var i = 0;i < opts.slices;i++){
调用回调函数
无功补偿= opts.sliceoffset(我);
originalelement.clone美元()
CSS({
位置:绝对
左:originalelement.offset美元()。左+偏移X,
上图:originalelement.offset美元()。顶+偏移。Y,
保证金:0,
ZIndex:opts.zindex,
不透明度:opts.opacity
})
。appendto(体);
}
})
}
调用示例:
复制代码代码如下:$()。暗野影人({
SliceOffset:(我){函数
返回{:x,I,y - 2 * }
}
});
6。可自定义默认值
jquery.fn.shadow =功能(选项){
默认值放在命名空间中的投影/插件中。
VaR选择= jquery.extend(jquery.fn.shadow.defaults,{ },选项);
返回this.each(函数(){()
VaR originalelement美元= jQuery(this);
对于(var i = 0;i < opts.slices;i++){
调用回调函数
无功补偿= opts.sliceoffset(我);
originalelement.clone美元()
CSS({
位置:绝对
左:originalelement.offset美元()。左+偏移X,
上图:originalelement.offset美元()。顶+偏移。Y,
保证金:0,
ZIndex:opts.zindex,
不透明度:opts.opacity
})
。appendto(体);
}
})
}
jQuery。
切片:5,
不透明性:0.1,
ZIndex:1,
SliceOffset:(我){函数
返回x:i,y:i }
}
}
默认值是放在命名空间可以直接引用通过美元。fn.shadow.default.the称美元。延长()也必须修改以适应这种变化。现在所有的阴影()调用重用默认地图,所以不要让他(美元。扩展)来修改它,因此,一个空的地图(如美元。扩展){ })(第一个参数,让新的对象成为改进目标。
调用方法:
复制代码代码如下:默认值为10;
$()暗野影人({
SliceOffset:(我){函数
返回x:i,y,i }
}
});
7。添加选择器表达式
*
*添加选择器表达式
*
*参数:
*元素:当前DOM元素,大多数选择器需要这个
*索引的索引:结果集中的DOM元素,这对选择器有用,如EQ()和LT()
*匹配:包含当前选择器正则表达式结果的数组。通常匹配{ 3 }在这个数组中。
*唯一有用的项;对于A(b)形式的选择器,匹配{ 3 }项包含B,也就是括号中的b。
*文本。
*设置:迄今为止匹配的整个DOM元素集,这个参数使用较少。
*
* /
JQuery.extend(jquery表达式{ ':' },{
CSS:函数(元素,索引,匹配,set){
修改后的匹配{ 3 } /宽度< 100
var部分=匹配{ 3 };
VaR值= parseFloat(jQuery(元)。Css(部分{ 0 }));
开关(零件{ 1 }){
案例< <:
返回值<parseInt(部分{ 2 });
案例< <:
返回值<= parseInt(部分{ 2 });
=案例:
情况=:
返回值= = parseInt(部分{ 2 });
情况>:
返回值= parseInt(部分{ 2 });
案例>:
返回值> parseInt(部分{ 2 });
}
}
})
呼叫:
desrunt mollit动物ID estlaborum
二百二十二万二千二百二十二
33333333333333333333333
四千四百四十四万亿、四千四百四十亿零四百、四千四百四十四万四千零四和四十四
复制代码代码如下:$(div:CSS(宽度<100)),AddClass(heighlight );
希望本文能对大家的jQuery程序设计有所帮助。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。