jQuery插件机制

最新推荐文章于 2020-07-31 12:48:28 发布

中国GZ

最新推荐文章于 2020-07-31 12:48:28 发布

阅读量118

点赞数

文章标签： jquery

本文链接：https://blog.csdn.net/Gong_Zheng6/article/details/107709496

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>Test</title>
		<script type="text/javascript" src="js/jquery-3.2.1.min.js" ></script>
		
	</head>
	<body>
		<input type="checkbox" name="hobby" value="1" checked="checked"/>足球
		<input type="checkbox" name="hobby" value="2"/>篮球
		<input type="checkbox" name="hobby" value="3" checked="checked"/>乒乓球

		<script>
			//1.jQuery.extend(object)：扩展jQuery对象本身，主要是用来扩展jQuery全局函数 ，调用时直接$.函数名(参数)
			$.extend({
				min:function(a,b){
					return a<b?a:b;
				},
				max:function(a,b){
					return a>b?a:b;
				}
			});
			var result = $.max(1,2);
			console.log(result);
			
			//2.jQuery.fn.extend(object)：扩展 jQuery 元素集，主要用于扩展jQuery插件，需要用jQuery对象调用
			$.fn.extend({
				values:function(){
					var datas ="";
					this.each(function(){//此this对应下方$("[name='hobby']")对象
						datas = datas+","+this.value;//此this对应DOM对象
					});
					return datas;
				}
				
			});
			result = $("[name='hobby']").values();
			console.log(result.substring(1));
		</script>
	</body>
</html>