我正在尝试学习 jQuery 的基础知识，并在我的一个网站中进行测试，我一直想添加功能以便 onClick 它将更改内部文本和超链接的 href，我的问题是，当我单击我的 onClick 事件，发生更改，但是 onClick 按钮和我尝试更改的 href 消失了，但是我的 .html 功能有效吗？
onClick 的HTML -
<div class="container" style="margin-top: -20px;">
<div class="gamesdesc">
<h4 id="gquote" style="padding: 5px 5px 5px 5px;">test<br><br>
<ol class="carousel-indicators">
<li data-target="#myCarousel" onClick="$('#my_div').cod4();" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" onClick="$('#my_div').csgo();" data-slide-to="1" class="active"></li>
<li data-target="#myCarousel" onClick="$('#my_div').tf2();" data-slide-to="2" class="active"></li>
</ol>
<a id="glinks" href=""><btn class="btn btn-warning">Test</btn></a></h4>
jQuery -
(function ($) {
$.fn.cod4 = function () {
$("#gquote").html("Test");
$("glinks").attr("href", "cod4");
};
})(jQuery);
(function ($) {
$.fn.tf2 = function () {
$("#gquote").html("Test");
$("glinks").attr("href", "csgo");
};
})(jQuery);
(function ($) {
$.fn.csgo = function () {
$("#gquote").html("Test");
$("glinks").attr("href", "tf2");
};
})(jQuery);