Wie implementiert JQuery die numerische Addition und ändert den entsprechenden numerischen Stil entsprechend dem Rest (Code)?-js-Tutorial-php.cn

Wie implementiert JQuery die numerische Addition und ändert den entsprechenden numerischen Stil entsprechend dem Rest (Code)?

不言

Freigeben： 2018-08-16 11:48:11

Original

1481 Leute haben es durchsucht

Der Inhalt dieses Artikels handelt davon, wie JQuery den entsprechenden numerischen Stil (Code) entsprechend dem Rest ändert. Ich hoffe, dass dies der Fall ist Dir helfen.

Jquery-Inhalt

<script type="text/javascript">
$(function () {
var num = 0;
$(".box ol li:eq(0)").click(function () {
$(":text").each(function () {
num += parseFloat($(this).val());
});
alert(num);
});
$(".box ol li:eq(1)").click(function () {
var num = 0;                
$(":text").each(function () {
num += parseFloat($(this).val());
if (parseInt($(this).val()) == parseInt(num % 9)
{                        
$(this).css("background", "red");                    
}                
});
});
});    
</script>

Nach dem Login kopieren

HTML-Inhalt

<body style="font-size: 12px;">
    <div class="box">
        请编写javascript代码，完成如下功能要求：<br />
        <ol>
            <li>
                计算下面文本框中数字之和
                <input type="button" value="点我执行计算" />
            </li>
            <li>
                点我将所有文本框中数字之和，对9求余数，将数字等于余数的文本框前景色改为红色
                <input type="button" value="点我执行计算"/>
            </li>
        </ol>
    </div>
    <div id="mybox" class="box">
        <input type="text" value="1" />
        <input type="text" value="2" />
        <input type="text" value="3" />
        <input type="text" value="4" />
        <input type="text" value="5" />
        <input type="text" value="6" />
        <input type="text" value="7" />
        <input type="text" value="8" />
        <input type="text" value="9" />
    </div>
</body>

Nach dem Login kopieren

Verwandte Empfehlungen:

Verwendungsbeispiele von $.map() in jquery (Code)

Welche Selektoren hat jquery? Einführung in die vier Selektoren von jquery

Das obige ist der detaillierte Inhalt vonWie implementiert JQuery die numerische Addition und ändert den entsprechenden numerischen Stil entsprechend dem Rest (Code)?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!