jQuery自定义扩展有两种写法：
$.extend({}) ; 调用方法： $.方法
$.fn.extend({}); 调用方法： $(选择器).方法
写法一：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script src="jquery-3.3.1.js"></script>
<script>
// extention js 把扩展放在自执行函数中，可以防止全局变量同名错误。
(function (arg) {
var status = 1;
$.extend({
'hrg':function () {
alert('plugin');
return status;
}
});
})(jQuery);
</script>
<script>
var v = $.hrg();
console.log(v);
</script>
</body>
</html>
写法二：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script src="jquery-3.3.1.js"></script>
<script>
// extention js 把扩展放在自执行函数中，可以防止全局变量同名错误。
(function (arg) {
var status = 1;
$.fn.extend({
'hrg':function () {
alert('plugin');
return status;
}
});
})(jQuery);
</script>
<script>
var v = $('div').hrg(); //调用时得加一个标签
console.log(v);
</script>
</body>
</html>
