最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

詳談jQuery中使用attr(), prop(), val()獲取value的異同

 更新時(shí)間：2017年04月25日 11:13:18   投稿：jingxian  
下面小編就為大家?guī)?lái)一篇詳談jQuery中使用attr(), prop(), val()獲取value的異同。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

jQuery中有3個(gè)獲取元素value值的函數(shù)比較相似：attr(), prop(), val()；拿來(lái)比較一下。 　

示例代碼：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title></title>
  <script src="jquery-2.1.4.js"></script>

</head>
<body>
<input type="text" value="123"/>
<button id="btn">click</button>
<script>

  $("#btn").click(function(){
    var attr=$("input").attr("value");
    var prop=$("input").prop("value");
    var val=$("input").val();
    console.log(attr);
    console.log(prop);
    console.log(val);
  })
</script>
</body>

代碼如上所示，為輸入框設(shè)定了初始值：123，此時(shí)點(diǎn)擊按鈕，控制臺(tái)輸出為： 

123
123
123

改變輸入框的值，此時(shí)控制臺(tái)輸出： 　　　

123
123thgf
123thgf

如果我們沒(méi)有為文本框設(shè)定初始值，即刪除value=”123”后，依舊使用如上js代碼，則相應(yīng)輸出如下：

undefined

attr()輸出為undefined，而prop()和val()輸出為“空”。

輸入value值后：控制臺(tái)輸出為： 

undefined
asdasd
asdasd

attr()輸出依然為undefined，而prop()和val()則輸出實(shí)際值。

可見(jiàn)，prop()和val()都能獲取到文本框的實(shí)際value值，而attr()獲取的則始終為文檔結(jié)構(gòu)中的value的屬性值，與文本框?qū)嶋H值無(wú)關(guān)，并不會(huì)變化。

以上這篇詳談jQuery中使用attr(), prop(), val()獲取value的異同就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論

汽车| 通许县| 阿合奇县| 芜湖县| 息烽县| 临清市| 民丰县| 盘山县| 防城港市| 安泽县| 临泉县| 四会市| 阿瓦提县| 出国| 建湖县| 安溪县| 增城市| 昭苏县| 白水县| 饶阳县| 南开区| 稷山县| 潞城市| 吉木乃县| 曲阳县| 屯门区| 梨树县| 平顺县| 徐水县| 米林县| 康定县| 高安市| 寻乌县| 牙克石市| 高清| 蓬溪县| 龙南县| 壶关县| 高要市| 阿城市| 镇康县|