Javascript 如何在函数之间切换原创的倒置 $（“.invert”）。单击（函数（）{ $（“body”）.css（“过滤器”、“反转（100%）”）； sessionStorage.filter=“反转（100%）”； }); $（“.original”）。单击（函数（）{ $（“body”）.css（“过滤器”、“反转（0%）”）； sessionStorage.filter=“反转（0%）”； });_Javascript_Jquery

Javascript 如何在函数之间切换原创的倒置 $（“.invert”）。单击（函数（）{ $（“body”）.css（“过滤器”、“反转（100%）”）； sessionStorage.filter=“反转（100%）”； }); $（“.original”）。单击（函数（）{ $（“body”）.css（“过滤器”、“反转（0%）”）； sessionStorage.filter=“反转（0%）”； });

javascript jquery

Javascript 如何在函数之间切换原创的倒置 $（“.invert”）。单击（函数（）{ $（“body”）.css（“过滤器”、“反转（100%）”）； sessionStorage.filter=“反转（100%）”； }); $（“.original”）。单击（函数（）{ $（“body”）.css（“过滤器”、“反转（0%）”）； sessionStorage.filter=“反转（0%）”； });,javascript,jquery,Javascript,Jquery,我如何写这篇文章，让1个按钮在2个功能之间切换，并将按钮上的文本从“反转”更改为“原始”试试这个 <body> <li><a id='original' class='original'>Original</a></li> <li><a id='invert' class='invert'>Invert</a></li> <script type="text/jav

我如何写这篇文章，让1个按钮在2个功能之间切换，并将按钮上的文本从“反转”更改为“原始”

试试这个

<body>
    <li><a id='original' class='original'>Original</a></li>
    <li><a id='invert' class='invert'>Invert</a></li>

<script type="text/javascript">

$(".invert").click(function () {
    $("body").css("filter", "invert(100%)");
    sessionStorage.filter = "invert(100%)";
});

$(".original").click(function () {
    $("body").css("filter", "invert(0%)");
    sessionStorage.filter = "invert(0%)";
});

</script>       
</body>

试试这个

<body>
    <li><a id='original' class='original'>Original</a></li>
    <li><a id='invert' class='invert'>Invert</a></li>

<script type="text/javascript">

$(".invert").click(function () {
    $("body").css("filter", "invert(100%)");
    sessionStorage.filter = "invert(100%)";
});

$(".original").click(function () {
    $("body").css("filter", "invert(0%)");
    sessionStorage.filter = "invert(0%)";
});

</script>       
</body>

请尝试下面的，希望这是你正在寻找的


原创的
倒置
$（“#changeBtn”）。单击（函数（）{
变量caseText，caseTextPercent；
如果（this.value==“invert”）{
caseText=“原件”；
caseTextPercent=100；
}否则{
caseText=“反转”；
caseTextPercent=0；
}
$（this）.val（caseText）；
$（“body”）.css（“filter”，caseText+“（“+caseTextPercent+”）”）；
sessionStorage.filter=caseText+“（“+caseTextPercent+”）”；
});

请尝试以下内容，希望这就是您要寻找的内容


原创的
倒置
$（“#changeBtn”）。单击（函数（）{
变量caseText，caseTextPercent；
如果（this.value==“invert”）{
caseText=“原件”；
caseTextPercent=100；
}否则{
caseText=“反转”；
caseTextPercent=0；
}
$（this）.val（caseText）；
$（“body”）.css（“filter”，caseText+“（“+caseTextPercent+”）”）；
sessionStorage.filter=caseText+“（“+caseTextPercent+”）”；
});

您的第一个建议无效，因为它试图将处理程序绑定到不存在的元素。您的第一个建议无效，因为它试图将处理程序绑定到不存在的元素。

$("li a").click(function () {
    var caption = $(this).html();
    if ( caption == "Original" )
    {
       $(this).html( "Invert" );
       $("body").css("filter", "invert(0%)");
       sessionStorage.filter = "invert(0%)";
    }
    else
    {
       $(this).html( "Original" );
       $("body").css("filter", "invert(100%)");
       sessionStorage.filter = "invert(100%)";
    }
});