正文

jQuery自定义扩展写法

IP云
IP云V管理员/8 阅读
08/17
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

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>