jQuery是一個(gè)非常實(shí)用的JavaScript庫(kù),它提供了許多方便實(shí)用的函數(shù)和方法來(lái)操作HTML文檔。其中一個(gè)常見的操作就是獲得元素里面的值,下面我們就來(lái)介紹一下jQuery如何實(shí)現(xiàn)這個(gè)功能。
// 使用jQuery來(lái)獲得input輸入框里面的值 var inputValue = $("input").val(); console.log(inputValue); // 使用jQuery來(lái)獲得select下拉列表里面選中的值 var selectValue = $("select option:selected").val(); console.log(selectValue); // 使用jQuery來(lái)獲得textarea文本框里面的值 var textareaValue = $("textarea").val(); console.log(textareaValue);
上面的代碼使用了jQuery的val()方法來(lái)獲取元素里面的值,其中,我們通過(guò)傳入選擇器來(lái)選取不同的元素。例如,第一個(gè)例子中,我們傳入了"input",表示選取文檔中的所有input標(biāo)簽,然后使用val()方法來(lái)獲取里面的值。同樣的,對(duì)于下拉列表和文本框,我們也可以通過(guò)傳入不同的選擇器來(lái)獲取里面的值。
值得注意的是,使用val()方法獲得的值都是字符串類型的,如果我們需要將其轉(zhuǎn)換為數(shù)字類型的話,可以使用JavaScript內(nèi)置的parseInt()或parseFloat()函數(shù)來(lái)實(shí)現(xiàn)。另外,val()方法也可以用來(lái)設(shè)置元素的值,例如:$("input").val("hello world") 就可以將文本框的值設(shè)置成"hello world"。