插件机制

最新推荐文章于 2023-05-25 10:45:35 发布

样光伊

最新推荐文章于 2023-05-25 10:45:35 发布

阅读量145

点赞数

文章标签： jquery

本文链接：https://blog.csdn.net/qq_46091702/article/details/107709690

版权

1、jQuery.extend(object)即$.extend(object)：扩展jQuery对象本身，主要是用来扩展jQuery对象全局函数，用$.函数名(参数)调用。

2、jQuery.fn.extend(object)即$.fn.extend(object)：扩展 jQuery 元素集，主要用于扩展jQuery插件，需要用jQuery对象调用。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>插件机制</title>
		<script type="text/javascript" src="js/jquery-1.8.3.js" ></script>
	</head>
	<body>
		<input type="checkbox" name="hobby" checked="checked" value="1" />篮球
		<input type="checkbox" name="hobby" value="2" />足球
		<input type="checkbox" name="hobby" checked="checked" value="3" />排球
		
		<script>
			$.extend({
				min:function(a,b){
					return a<b?a:b;
				}, //对象之间要用逗号隔开
				max:function(c,d){
					return c>d?c:d;
				}
			});
			console.log($.min(3,9));
			console.log($.max(3,9));
			
			$.fn.extend({
				values:function(){
					//console.log(this); //this代表jQuery对象
					var datas = "";
					this.each(function(){
						if(this.checked){ //this代表DOM元素
							datas=datas+","+this.value;
						}
					});
					return datas.substring(1);
				}
			});
			console.log($("[name='hobby']").values());
		</script>
	</body>
</html>

结果：