Heim > Artikel > Web-Frontend > Wie implementiert JQuery die numerische Addition und ändert den entsprechenden numerischen Stil entsprechend dem Rest (Code)?

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

不言Original: 2018-08-16 11:48:111413Durchsuche

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>

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>

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!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Anwendungsbeispiele für $.map() in jquery (Code)Nächster Artikel：Anwendungsbeispiele für $.map() in jquery (Code)

In Verbindung stehende Artikel

Mehr sehen