网络编程 
首页 > 网络编程 > 浏览文章

jquery 插件学习(一)

(编辑:jimmy 日期: 2026/5/7 浏览:3 次 )
言归正传拉,开始跟我学习吧:);

1.jquery自定义了 jQuery.extend()和jQuery.fn.extend()方法,其中,jQuery.extend()方法能够创建全局函数或者选择器,而jQuery.fn.extend()能够创建jQuery对象方法。在这里啰嗦讲下:这2个方法,都包含一个参数,改参数仅接受名/值对结构的对象,其中名表示函数或方法名,而值表示函数体。

复制代码 代码如下:
jQuery.extend({
minValue : function(a,b){
return a>b? b:a;
},
maxValue : function(a,b){
return a<b? b:a;
},
})


复制代码 代码如下:
<script>
$(function(){
$('input').click(function(){
var a = prompt("请输入一个值");
var b = prompt("请输入一个值");
var c = jQuery.minValue(a,b);
var d = jQuery.maxValue(a,b);
alert("你输入的最小值:"+c+"\n你输入的最大值:"+d);
});
});
<script>

<input type="button" value ="jQuery插件测试" />

在实际开发中,jQuery.extend()方法,为插件方法传递系列选项结构的参数。
复制代码 代码如下:
function fn(options){
var options = jQuery.extend({name1: value1,name2 :value2,name3 : value3},options);
//函数体
}

调用:
fn({name1:value2,name2:jine,name3:hx});//覆盖新值
fn({name4:value2,name5:jine,});//添加新选项
fn();//保持默认值

未完待续。
上一篇:jquery 插件学习(二)
下一篇:精心挑选的15款优秀jQuery 本特效插件和教程
一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 站点导航 SiteMap