jQuery——插件机制

最新推荐文章于 2024-09-18 09:47:26 发布

小刘小刘可爱一流

最新推荐文章于 2024-09-18 09:47:26 发布

阅读量213

点赞数

文章标签： jquery html

本文链接：https://blog.csdn.net/qq_44687512/article/details/107709153

版权

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

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery-1.8.3.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>
			$.extend({
				min:function(a,b){
					return a<b?a:b;
				}
			});
			var result=$.min(1,4);
			console.log(result);
		</script>
	</body>
</html>

2、jQuery.fn.extend(object)：扩展 jQuery 元素集，主要用于扩展jQuery插件，调用时需要先创建jQuery对象，然后才能调用相应的函数

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery-1.8.3.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>
			$.fn.extend({
				values:function(){
					var datas="";
					this.each(function(){
						datas=datas+","+this.value;
					});
					return datas.substring(1);
				}
			});
			result=$("[name='hobby']").values();
			console.log(result);
		</script>
	</body>
</html>