Welcome aboard! We are happy you are here and wish you good net-raft!
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
<script>
$(document).ready(function () {
$.fn.extend({
myfunc1: function () {
var text = "This is world of jquery!";
var res = text.toUpperCase();
$("p").text(res);
}
});
$.fn.extend({
myfunc2: function () {
var text = "This is world of jquery!";
var res = text.toLowerCase();
$("p").text(res);
}
});
});
</script>
<p></p>
<button onclick="console.log($(this).myfunc1());">upper</button>
<button onclick="console.log($(this).myfunc2());">lower</button>
</body>
</html>
The most helpful JQUERY solutions