为什么jQuery输入元素和JavaScript输入元素之间有区别？

Question

我有两种类型的呼叫函数check_negation_value（）。 在第一个类型中，我设置onChange = change_quantity（this），然后调用check_negative_value（）从那里开始，例如：

function change_quantity(elem) {
    check_negative_value(elem);
    console.log(elem);
}

sectsect i sectsect i设置dectement_cart（this），然后调用check_negative_value（）从那里喜欢：

function decrement_cart(elem) {
    const input = $(elem).next('input');
    check_negative_value(input);
    console.log(input);
}

和check_negation_value（）我必须使用input.value.value或> input.val（）！

function check_negative_value(input){
    if(input.value <= 0){
        alert('not accept value under 1');
        input.value = 1;
    }
}

或：

function check_negative_value(input){
    if(input.val() <= 0){
        alert('not accept value under 1');
        input.val(1);
    }
}

因为每个调用函数都有不同的元素，并且console.log的结果是： 在jQuery呼叫中：

r.fn.init [input.input-number.text-center, prevObject: r.fn.init(1)]

在JavaScript呼叫中：

<input class="input-number text-center" type="number" value="-1" min="0" max="1000" onchange="change_quantity(this)">

HTML代码是：

<div class="input-group-button" onclick="decrement_cart(this)">
    <span class="input-number-decrement">-</span>
</div>
<input class="input-number text-center" type="number" min="0" max="1000"
                                    onchange="change_quantity(this)">
<div class="input-group-button" onclick="increment_cart(this)">
    <span class="input-number-increment">+</span>
</div>```

我如何在check_negative_value（）中使用输入元素， input.val（） .value ???

谢谢

Answer 1

javaScript和jQuery都不具有输入元素。 input元素是 dom dom dom 由主机环境（浏览器）提供，而不是语言（JavaScript）或库（jQuery）。

您看到的区别是DOM对象（带有value属性）与围绕它的jQuery包装对象（带有val方法）。

我如何在check_negation_value（）中使用输入元素，而input.val（） and input.value ??? < /p>

您可以通过查看它是否具有jQuery属性，或者在这种情况下更直接地检查它是否是jQuery包装器，如果它具有val属性

function check_negative_value(input){
    if (input.jquery) {
        // It's a jQuery wrapper, get the first DOM element it contains from it
        input = input[0];
    }
    if (input.value <= 0){
        alert('not accept value under 1');
        input.value = 1;
    }
}

---

：注意：val（）返回字符串（除非jQuery集为空），而不是数字（value value的值也始终是字符串）。尽管＆lt; = 0将隐式转换它，但您可以考虑故意转换它，因为隐式转换假设“”应该为0;在我的答案中，更多内容在这里。