jQuery是一種JavaScript庫(kù),提供了多種簡(jiǎn)單易用的API,其中一個(gè)非常常見(jiàn)的用途是計(jì)算頁(yè)面中文本框的內(nèi)容。使用jQuery的方法非常簡(jiǎn)單,以下是一個(gè)示例:
$(document).ready(function(){ $('#calculateBtn').click(function(){ var num1 = $('#num1').val(); var num2 = $('#num2').val(); var result = parseFloat(num1) + parseFloat(num2); $('#result').val(result); }); });
以上代碼假設(shè)頁(yè)面中有兩個(gè)文本框,id分別為num1和num2,用于輸入要計(jì)算的數(shù)值,還有一個(gè)id為result的文本框用于顯示計(jì)算結(jié)果。當(dāng)頁(yè)面加載完成后,會(huì)執(zhí)行ready函數(shù)內(nèi)的代碼。其中,click函數(shù)用于監(jiān)聽(tīng)“計(jì)算”按鈕的點(diǎn)擊事件。當(dāng)按鈕被點(diǎn)擊時(shí),會(huì)從num1和num2文本框中獲取數(shù)值,通過(guò)parseFloat函數(shù)將其轉(zhuǎn)換為浮點(diǎn)數(shù),然后求和得到結(jié)果,最后將結(jié)果賦值給id為result的文本框。
需要注意的是,以上代碼假設(shè)輸入的數(shù)值為浮點(diǎn)數(shù),如果輸入的是整數(shù),可以使用parseInt函數(shù)進(jìn)行轉(zhuǎn)換。
總之,使用jQuery計(jì)算文本框內(nèi)容非常方便,只需要通過(guò)選擇器獲取元素,然后使用val函數(shù)獲取或設(shè)置文本框的值即可。