标签归档:jquery.fn

javascript jquery 扩展方法

1 jquery 如何编写 扩展方法 ?
在jquery的命名空间$.fn,可以为jquery加上方法和属性,对jquery的每一个实例都有效
例如扩展一个方法 $.fn.testAddFun=function(){alert(‘我是扩展方法!’);}
$(“#object”).testAddFun(); 将会弹出 我是扩展方法!

2.1 jquery extend方法

< script language="javascript" type="text/javascript">

$.fn.fun1 = function(a) {
$a= $.extend( {
showInfo: “无信息”,
style: {
“color”: “blur”,
“font-size”:”24px”
}},a
);

return $(this).css({
“color”: $a.style.color,
}).html($a.showInfo);

}
function test()
{
alert(“a”);
$(‘#info’).fun1({showInfo:”插件编写”,style:{“color”:”red”,”font-size”:”50px”}});
}
< /script>
jquery-extend
2.2 使用jquery extend 可以叠加变量结果,让变量存储最近的一份变量
$.extend(
{ name: “nameA”, location: { city: “shenZhen” } },
{ last: “lastB”, location: { state: “F” } }
);
结果:
=> { name: “nameA”, last: “lastB”, location: { state: “F” } }
.extend() 复合叠加
$.extend( true,
{ name: “nameA”, location: { city: “shenZhen” } },
{ last: “lastB”, location: { state: “F” } }
);
结果
=> { name: “nameA”, last: “lastB”,
location: { city: “ShenZhen”, state: “F” } }

2.3 为jquery添加全局方法
< script type="text/javascript" language="javascript">
$.extend({
jiaFa:function(a,b){return a+b;},
jianFa:function(a,b){return a-b},
chengFa:function(a,b){return a*b;};
} });

var a = $.jiaFa(3,5)+$.jianFa(3,5)+$.chengFa(3,5);
alert(a);
< /script>