jquery.extend

最新推荐文章于 2024-02-22 11:11:10 发布

原创最新推荐文章于 2024-02-22 11:11:10 发布 · 103 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery #JavaScript #CSS #HTML #XHTML #ViewUI

jQuery 专栏收录该内容

18 篇文章

订阅专栏

本文介绍如何在jQuery中扩展自定义函数，并演示了对象合并的具体实现方式，包括默认值覆盖及新值添加。

<!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>