都一樣呀 有什么區別 我沒看出。。意義在哪里
<!DOCTYPE html>
<html>
<head>
? ? <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
? ? <title></title>
? ? <style>
? ? input {
? ? display ? ?: block;
margin ? ? : 10px;
padding ? ?: 10px;
background : #bbffaa;
border ? ? : 1px solid #ccc;
? ? }
? ? </style>
? ? <script src="http://www.xianlaiwan.cn/static/lib/jquery/1.9.1/jquery.js"></script>
</head>
<body>
? ? <h2>.attr()與.removeAttr()</h2>
? ? <h3>.attr</h3>
? ? <form>
? ? ? ? <input type="text" value="設置value" />
? ? ? ? <input type="text" value="獲取value"/>
? ? ? ? <input type="text" value="回調拼接value" />
? ? ? ? <input type="text" value="刪除value" />
? ? </form>
? ? <script type="text/javascript">
? ? //找到第一個input，通過attr設置屬性value的值
? ? $("input:first").attr('value','.attr( attributeName, value )')
? ? </script>
? ? <script type="text/javascript">
? ? //找到第二個input，通過attr獲取屬性value的值
? ? $("input:eq(1)").attr('value')
? ? </script>
? ? <script type="text/javascript">
? ? //找到第三個input，通過使用一個函數來設置屬性
? ? //可以根據該元素上的其它屬性值返回最終所需的屬性值
? ? //例如，我們可以把新的值與現有的值聯系在一起：
? ? $("input.eq(2)").attr('value')
? ? })
? ? </script>
? ? <script type="text/javascript">
? ? //找到第四個input，通過使用removeAttr刪除屬性
? ? $("input.eq(3)").removeAttr('value')
? ? </script>
</body>
</html>
2018-04-26
你第三個input粘錯了吧。不是應該是這個么。$("input:eq(2)").attr('value',function(i, val){ return '通過function設置' + val })。第一個是直接設置內容，第二個是獲取內容。第三個是用函數設置內容。最后一個是刪除。
2019-01-24
fhjdfhhhjd
2018-04-27
認真看原文....都已經直接寫出來了
attr(傳入屬性名)：獲取屬性的值
attr(屬性名, 屬性值)：設置屬性的值
attr(屬性名,函數值)：設置屬性的函數值