jQuery插件机制

最新推荐文章于 2022-01-20 15:14:22 发布

Personality、

最新推荐文章于 2022-01-20 15:14:22 发布

阅读量87

点赞数

分类专栏：笔记文章标签： jquery

本文链接：https://blog.csdn.net/qq_43527694/article/details/107709171

版权

笔记专栏收录该内容

78 篇文章 1 订阅

订阅专栏

1、为了扩展jQuery库函数，jQuery提供了两种方式： jQuery.extend(object)：扩展jQuery对象本身，主要是用来扩展jQuery全局函数，调用时直接$.函数名(参数)，如下例子：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
			<script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
	</head>
	<body>
		<script>
            $.extend({
	            min:function(a,b){
	            return a<b?a:b;
		                }
    	        });
            var result = $.min(8,6);	
            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 type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
	</head>
	<body>
		<input type="checkbox" name="hobby" value="1" checked="checked"/>足球
		<input type="checkbox" name="hobby" value="2" checked="checked"/>蓝球
		<input type="checkbox" name="hobby" value="3" checked="checked"/>羽毛球
		<script>
			$.fn.extend({
				values:function(){
					var datas = "";
					this.each(function(){
						if(this.checked){
							datas=datas+","+this.value;
						}
						
					});
					return datas.substring(1);
				}
			});
			var result = $("[name='hobby']").values();
			console.log(result);
		</script>
	</body>
</html>

输出结果为：

Personality、

关注

0
点赞
踩
1

收藏

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

1、为了扩展jQuery库函数，jQuery提供了两种方式： jQuery.extend(object)：扩展jQuery对象本身，主要是用来扩展jQuery全局函数，调用时直接$.函数名(参数)，如下例子：$.extend({ min:function(a,b){ return a<b?a:b; } }); var result = $.min(8,6); console.log(result); 输出结果为：2、jQuery.fn.extend
复制链接

扫一扫

专栏目录