這篇文章主要介紹“jquery能不能取到標(biāo)簽的值”,在日常操作中,相信很多人在jquery能不能取到標(biāo)簽的值問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”jquery能不能取到標(biāo)簽的值”的疑惑有所幫助!接下來,請跟著小編一起來學(xué)習(xí)吧!
創(chuàng)新互聯(lián)公司從2013年創(chuàng)立,是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司,擁有項(xiàng)目成都做網(wǎng)站、成都網(wǎng)站建設(shè)網(wǎng)站策劃,項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢想脫穎而出為使命,1280元金塔做網(wǎng)站,已為上家服務(wù),為金塔各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:13518219792
jquery能取到標(biāo)簽中的值;可以利用val()方法來獲取標(biāo)簽中的值,該方法可以返回或者設(shè)置被選元素的value屬性,返回標(biāo)簽值的語法為“$(selector).val();”,設(shè)置標(biāo)簽值的語法為“$(selector).val(value);”。
本文操作環(huán)境:windows10系統(tǒng)、jquery3.6.0版、Dell G3電腦。
jquery中可以使用val()方法獲取標(biāo)簽的值,val()方法返回或設(shè)置被選元素的value屬性。
val() 方法返回或設(shè)置被選元素的 value 屬性。
當(dāng)用于返回值時(shí):
$(selector).val()
該方法返回第一個(gè)匹配元素的 value 屬性的值。
當(dāng)用于設(shè)置值時(shí):
$(selector).val(value)
該方法設(shè)置所有匹配元素的 value 屬性的值。
示例:
獲取設(shè)置input標(biāo)簽的值
<input class="form-control" type="text" id="username" name="username" placeholder="" value="初始值" onblur="keyblurfun()"> <input class="form-control" type="text" id="username" name="username" placeholder="" value="{{ user.get('userid','') }}"> <script> var username = $("#username").val(); // 獲取 id 為 username 的標(biāo)簽的值。 console.log(username); $("#username").val("hello world"); // 設(shè)置 id 為 username 的標(biāo)簽的值 console.log($("#username").val()); </script>
獲取設(shè)置textarea標(biāo)簽的值
<textarea class="form-control" id="brief" name="brief" cols=10 rows=6 placeholder="">Java</textarea> <textarea class="form-control" id="brief" name="brief" cols=10 rows=6 placeholder=""> {{study.get('brief','')}}</textarea> <script> var content= $("#brief").val(); // 獲取 textarea 標(biāo)簽的值 console.log(content); // Java $("#brief").val("Python"); // 設(shè)置 textarea 標(biāo)簽的值 console.log($("#brief").val()); // Pyt<span style="color:transparent">來源gaodai#ma#com搞*代#碼網(wǎng)</span>hon </script>
返回標(biāo)簽值示例如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>123</title> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ alert($("input:text").val()); }); }); </script> </head> <body> 第一個(gè)名稱: <input type="text" name="fname" value="Peter"><br> 最后一個(gè)名稱: <input type="text" name="lname" value="Griffin"><br><br> <button>返回第一個(gè)輸入字段的值</button> </body> </html>
輸出結(jié)果:
點(diǎn)擊按鈕后:
到此,關(guān)于“jquery能不能取到標(biāo)簽的值”的學(xué)習(xí)就結(jié)束了,希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí),快去試試吧!若想繼續(xù)學(xué)習(xí)更多相關(guān)知識,請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編會(huì)繼續(xù)努力為大家?guī)砀鄬?shí)用的文章!
文章名稱:jquery能不能取到標(biāo)簽的值
網(wǎng)頁鏈接:http://aaarwkj.com/article10/pjcpgo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站制作、虛擬主機(jī)、域名注冊、、建站公司、電子商務(wù)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)