jqueryで減算を計算する方法

PHPz
リリース: 2023-05-28 15:54:38
オリジナル
695 人が閲覧しました

jQuery は、Web サイトに対話性とダイナミクスを追加するために使用される人気のある JavaScript ライブラリです。 jQuery では、JavaScript の算術演算子「-」を使用して減算演算を実装できます。以下に、jQuery でのいくつかの一般的な減算実装メソッドを簡単に紹介します。

1. 変数の使用

jQuery では、変数を使用して値を保存し、算術演算子を使用してそれらの差を計算できます。以下は例です:

var num1 = 10;
var num2 = 5;
var result = num1 - num2;
console.log(result); // 输出结果为 5
ログイン後にコピー

まず、減算する必要がある数値を格納する 2 つの変数 num1 と num2 を定義します。次に、数学演算子「-」を使用してそれらの差を計算し、結果を別の変数 result に保存します。最後に、console.log() 関数を使用して結果 (5) を出力します。

2. 入力ボックスを使用して値を取得する

もう 1 つの一般的な実装方法は、入力ボックスを使用して jQuery で値を取得することです。サンプル コードは次のとおりです。

HTML 部分:

<input type="text" id="num1" placeholder="请输入第一个数">
<input type="text" id="num2" placeholder="请输入第二个数">
<button id="subtract">减法运算</button>
<p id="result"></p>
ログイン後にコピー

JavaScript 部分:

$(document).ready(function() {
    $('#subtract').click(function() {
        var num1 = $('#num1').val();
        var num2 = $('#num2').val();
        var result = num1 - num2;
        $('#result').text('结果为:' + result);
    });
});
ログイン後にコピー

まず、減算数値を受け取る 2 つの入力ボックスを HTML で定義しました。次に、JavaScript で jQuery コードを使用して入力ボックスの値を取得します。次に、それらの差を数学演算子「-」を使用して計算し、結果を変数 result に格納します。最後に、jQuery コードを使用して、結果を段落タグに表示します。

3. 配列の使用

jQuery では、配列を使用して減算演算を実装することもできます。サンプル コードは次のとおりです。

var nums = [10, 5];
var result = nums[0] - nums[1];
console.log(result); // 输出结果为 5
ログイン後にコピー

まず、減算する必要がある 2 つの数値を含む配列を定義します。次に、配列の添字を使用して配列内の数値にアクセスし、数学演算子「-」を使用してそれらの差を計算します。最後に、console.log() 関数を使用して結果 (5) を出力します。

概要

jQuery では、JavaScript の算術演算子「-」を使用して減算を行うことができます。変数、入力ボックス、または配列を使用して、減算する必要がある数値を保存し、それらの差を計算できます。いずれの方法を使用する場合でも、計算完了後に Web ページに結果を表示し、ユーザーが計算結果を確認できるようにすることが重要です。

以上がjqueryで減算を計算する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート