Jquery 添加全局函数

最新推荐文章于 2020-03-28 10:16:47 发布

pro_12306

最新推荐文章于 2020-03-28 10:16:47 发布

阅读量1k

点赞数

分类专栏： jquery

本文链接：https://blog.csdn.net/qq_29393273/article/details/104422815

版权

本文介绍如何在Jquery中创建并使用全局函数，提升JavaScript代码复用性和组织性。通过扩展Jquery对象，你可以方便地为项目添加定制的函数，实现特定功能，如DOM操作、事件处理等。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>

	</body>
	<script type="text/javascript" src="js/common/jquery-3.4.1.js.js"></script>
	<script>
		/**
		 * 相关博客:
		 * https://www.cnblogs.com/weblv/p/5249841.html
		 * https://www.cnblogs.com/wang715100018066/p/5997770.html
		 * https://blog.csdn.net/younghaiqing/article/details/84107435
		 */
		//1.添加一个新的全局函数
		$.foo = function() {
			console.log("全局函数");
		}
		//调用
		$.foo();
		//2.使用extend();
		$.extend({
			add: function() {
				console.log("add--->全局函数")
			}
		});
		$.add();

		//3.使用命名空间
		$.mySlider = {
			slider: function() {
				console.log("slider");
			}
		}
		$.mySlider.slider();
	</script>
	<script>
		console.log($($)); //返回jquery对象
		//4.添加jQuery插件的两种方式
		(function($) {
			$.fn.extend({
				test1: function() {