Jquery 单击“显示div”并隐藏其他div不显示'；行不通

你能帮帮我吗

我的代码不起作用，单击底部部分后该部分不会出现

<script>
$("#img1").on('click', function() {
   $("#div1").fadeIn();
   $("#div2,#div3,#div4").fadeOut();
});
$("#img2").on('click', function() {
   $("#div2").fadeIn();
   $("#div1,#div3,#div4").fadeOut();
});
$("#img3").on('click', function() {
   $("#div3").fadeIn();
   $("#div1,#div2,#div4").fadeOut();
});
$("#img4").on('click', function() {
   $("#div4").fadeIn();
   $("#div1,#div2,#div3").fadeOut();
});
</script>

$（“#img1”）。在（'click'，function（）上{
$（“#div1”）.fadeIn（）；
$（“#div2，#div3，#div4”）.fadeOut（）；
});
$（“#img2”）。在（'click'，function（）上{
$（“#div2”）.fadeIn（）；
$（“#div1，#div3，#div4”）.fadeOut（）；
});
$（“#img3”）。在（'click'，function（）上{
$（“#div3”）.fadeIn（）；
$（“#div1，#div2，#div4”）.fadeOut（）；
});
$（“#img4”）。在（'click'，function（）上{
$（“#div4”）.fadeIn（）；
$（“#div1，#div2，#div3”）.fadeOut（）；
});

非常感谢

试试这个

jQuery库已启动，但$不是它的一部分

<script>
jQuery("#img1").on('click', function() {
   jQuery("#div1").fadeIn();
   jQuery("#div2,#div3,#div4").fadeOut();
});
jQuery("#img2").on('click', function() {
   jQuery("#div2").fadeIn();
   jQuery("#div1,#div3,#div4").fadeOut();
});
jQuery("#img3").on('click', function() {
   jQuery("#div3").fadeIn();
   jQuery("#div1,#div2,#div4").fadeOut();
});
jQuery("#img4").on('click', function() {
   jQuery("#div4").fadeIn();
   jQuery("#div1,#div2,#div3").fadeOut();
});
</script>

jQuery（#img1”）.on（'click'，function（）{
jQuery（“#div1”）.fadeIn（）；
jQuery（“#div2，#div3，#div4”）.fadeOut（）；
});
jQuery（#img2”）。在（'click'，function（）上{
jQuery（“#div2”）.fadeIn（）；
jQuery（“#div1，#div3，#div4”）.fadeOut（）；
});
jQuery（#img3”）.on（'click'，function（）{
jQuery（“#div3”）.fadeIn（）；
jQuery（“#div1，#div2，#div4”）.fadeOut（）；
});
jQuery（#img4”）.on（'click'，function（）{
jQuery（“#div4”）.fadeIn（）；
jQuery（“#div1，#div2，#div3”）.fadeOut（）；
});

这是除@aviboy2006之外的另一种选择

您可以插入jQuery路径以使用$符号

<link rel='stylesheet' id='dashicons-css'  href='http://bookshark.phlexon.com/wp-includes/css/dashicons.min.css?ver=5.4.1' type='text/css' media='all' />
<!-- ****************** Add in jQuery path ************************************************-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!-- ***************************************************************************************-->
<script type='text/javascript' src='http://bookshark.phlexon.com/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp'></script>
<script type='text/javascript' src='http://bookshark.phlexon.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>
<script type='text/javascript' src='//cdn.jsdelivr.net/npm/es6-promise@4/dist/es6-promise.auto.min.js?ver=5.4.1'></script>

---

您好，请向我们显示足以重现问题的相关代码，而不是您的网站。如果您检查浏览器的控制台，您会发现您有一个错误：

TypeError:$不是一个函数

。确保您已经加载了使jquery正常工作所需的所有脚本。请记住这些脚本，并检查您是否可以减少这些代码。@CharStyleааааачааааачааа

$(document).ready(function(){
    $("#img1").on('click', function() {
       $("#div1").fadeIn();
       $("#div2,#div3,#div4").fadeOut();
    });
    $("#img2").on('click', function() {
       $("#div2").fadeIn();
       $("#div1,#div3,#div4").fadeOut();
    });
    $("#img3").on('click', function() {
       $("#div3").fadeIn();
       $("#div1,#div2,#div4").fadeOut();
    });
    $("#img4").on('click', function() {
       $("#div4").fadeIn();
       $("#div1,#div2,#div3").fadeOut();
    });
});