一：自定義 getmax 函數，使用 $ 調用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="jquery-3.3.1.min.js"></script>
</head>
<body>
</body>
<script>
$.extend({
getmax:function (x, y){
return x>y?x:y
}
})
alert($.getmax(3,1))
</script>
</html>
二：自定義 print 函數，使用 html標簽 調用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="jquery-3.3.1.min.js"></script>
</head>
<body>
<p>hello p</p>
</body>
<script>
$.fn.extend({
print:function(){
console.log($(this).html())
}
})
$("p").print();
</script>
</html>
三：匿名函數調用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="jquery-3.3.1.min.js"></script>
</head>
<body>
</body>
<script>
f=function(){
alert(123)
}
f()
(function(x){
alert(x)
})(123)
</script>
</html>
四：給自定義函數增加私有域
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="jquery-3.3.1.min.js"></script>
</head>
<body>
<p>hello p</p>
</body>
<script>
// 私有域
(function(){
var num = 1;
$.fn.extend({
print:function(){
console.log($(this).html())
}
})
})()
$("p").print()
</script>
</html>
或
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="jquery-3.3.1.min.js"></script>
</head>
<body>
<p>hello p</p>
</body>
<script>
// 私有域
(function($){
var num = 1;
$.fn.extend({
print:function(){
console.log($(this).html())
}
})
})(jQuery)
$("p").print()
</script>
</html>