今天小編給大家分享一下jquery中attr和val的區(qū)別有哪些的相關知識點，內容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

創(chuàng)新互聯(lián)"三網(wǎng)合一"的企業(yè)建站思路。企業(yè)可建設擁有電腦版、微信版、手機版的企業(yè)網(wǎng)站。實現(xiàn)跨屏營銷，產(chǎn)品發(fā)布一步更新，電腦網(wǎng)絡+移動網(wǎng)絡一網(wǎng)打盡，滿足企業(yè)的營銷需求！創(chuàng)新互聯(lián)具備承接各種類型的成都做網(wǎng)站、成都網(wǎng)站建設項目的能力。經(jīng)過十載的努力的開拓，為不同行業(yè)的企事業(yè)單位提供了優(yōu)質的服務，并獲得了客戶的一致好評。

區(qū)別：1、val方法可獲取手動輸入的值，attr方法則不可以；2、若使用val進行賦值，可使用val方法進行獲取，attr方法則不可以獲取；3、使用attr賦值時，若手動改變輸入的值，val可獲取最新的值，而attr獲取的還是一開始的值。

本教程操作環(huán)境：windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。

jquery中attr和val的區(qū)別是什么

先說結論再貼代碼分析，區(qū)別如下：

1.val 可以獲取手動輸入的值，attr 不可以

2.用 val 賦值, val 可以獲取值 , attr 不可以

3.用 attr 賦值, val 和 attr 都可以獲取值, 如果手動改變輸入的值，val 可以獲取最新的值，attr 讀到的還是 attr 一開始賦的值

先手動輸入一個數(shù)字

然后分別用 val() 和 attr("value") 打印出來

console.log("這個是val： "+$("#jibengongzi").val());
console.log("這個是attr："+$("#jibengongzi").attr("value"));

可以看出，attr("value") 不能獲取手動輸入的值

接下來用 val() 來賦值 (ruleForm.jibengongzi是數(shù)字)

$("#jibengongzi").val(ruleForm.jibengongzi);

然后打印出來

再用 attr 賦值

$("#jibengongzi").attr("value",ruleForm.jibengongzi);

以上就是“jquery中attr和val的區(qū)別有哪些”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

文章標題：jquery中attr和val的區(qū)別有哪些
網(wǎng)頁路徑：http://jinyejixie.com/article48/ijcoep.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、云服務器、網(wǎng)站排名、網(wǎng)站維護、品牌網(wǎng)站建設、網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)