如何在 jquery 中添加？

Question

如何区分用于连接元素的 jquery 运算符和用于添加元素的 + 号？在这里，我尝试将两个输入的值相加。在我的代码中，更复杂，结果是一样的，它不添加而是连接元素..

这是我的代码，我看不出这里有什么问题

a=$('#a').val()+'px';
b=$('#b').val()+'px';

c=(a+b);


  $('#result').html(c);

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.4/jquery.min.js" integrity="sha512-pumBsjNRGGqkPzKHndZMaAG+bir374sORyzM3uulLV14lN5LyykqNk8eEeUlUkB3U0M4FApyaHraT65ihJhDpQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
 
<input id="a" type="number" value="10">

<input id="b" type="number" value="10">


<output id="result"></output>

Answer 1

a=$('#a').val(); b=$('#b').val(); 
c= parseInt(a)+parseInt(b)+'px';    
$('#result').html(c);

使用 parseInt 来加