jQuery插件机制

中国GZ

于 2020-07-31 11:19:57 发布

阅读量94

点赞数

文章标签： 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>

结果：

中国GZ

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery插件机制

<!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="chec.
复制链接

扫一扫