<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <!-- <link rel="stylesheet" type="text/css" href="CSS.css" /> <script language="JavaScript" type="text/javascript" src="jquery.js"></script> --> <script language="JavaScript" type="text/javascript" src="../jquery-1.3.2.js"></script> <script type="text/javascript"> //在jquery命名空间下创建两个公共函数 $.extend({ //获得最小值 minValue:function(a,b){ return a<b?a:b; }, //获得最大值 maxValue:function(a,b){ return a<b?b:a; } }); alert("获得最小值:"+$.minValue(3,2)); alert("获得最大值:"+$.maxValue(3,2)); //合并对象 var a={name:"xiao7",age:15,school:"XX"}; var b={school:"HR",room:"H309"}; var result=$.extend(a,b); //遍历合并后的对象内容,school被最后的对象替换了 $(function(){ for(var prop in result){ $("#box").html($("#box").html()+"<br/>"+"prop:"+prop+","+"value:"+result[prop]); } }); //基于上诉原理,可以覆盖函数之前的默认值或者添加新值 function func(options){ var options=$.extend({ //default name:"xiao7",age:15,school:"XX" },options); $(function(){ for(var prop in options){ $("#wrap").html($("#wrap").html()+"<br/>"+"prop:"+prop+","+"value:"+options[prop]); } }); } func({name:"macrotea",age:15,school:"HR",room:"H309"}); </script> </head> <body> <div id="box"> </div> <div id="wrap"> </div> </body> </html>
jquery.extend
最新推荐文章于 2024-02-22 11:11:10 发布