HTML代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>拓展1</title>
<script src="jquery-3.3.1.js"></script>
<script src="extendMy1.js"></script>
<script src="extend1.js"></script>
</head>
<body>
<p></p>
</body>
</html>
JS代码:
自己写的(两种方式)
$.extendMy1 = function () {
alert("你好啊,朋友");
};
//通过$.后面直接跟着自己的拓展名,后面添加自己函数的作用
$.fn.extendMy2 = function () {
$(this).text("炉石传说真尼玛好玩");
};
//$.fn.后接自己的拓展名,然后通过this指定本身,类似jquery的书写,但较麻烦
调用
$(document).ready(function () {
$.extendMy1();
$("p").extendMy2();
});
//第一个自己写的代码,是直接打印的代码不需要绑定事件,直接通过$.来调用,第二个跟jQuery语法一样
效果: