都一樣呀 有什么區(qū)別 我沒看出。。意義在哪里
<!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://idcbgp.cn/static/lib/jquery/1.9.1/jquery.js"></script>
</head>
<body>
? ? <h2>.attr()與.removeAttr()</h2>
? ? <h3>.attr</h3>
? ? <form>
? ? ? ? <input type="text" value="設(shè)置value" />
? ? ? ? <input type="text" value="獲取value"/>
? ? ? ? <input type="text" value="回調(diào)拼接value" />
? ? ? ? <input type="text" value="刪除value" />
? ? </form>
? ? <script type="text/javascript">
? ? //找到第一個input,通過attr設(shè)置屬性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,通過使用一個函數(shù)來設(shè)置屬性
? ? //可以根據(jù)該元素上的其它屬性值返回最終所需的屬性值
? ? //例如,我們可以把新的值與現(xiàn)有的值聯(lián)系在一起:
? ? $("input.eq(2)").attr('value')
? ? })
? ? </script>
? ? <script type="text/javascript">
? ? //找到第四個input,通過使用removeAttr刪除屬性
? ? $("input.eq(3)").removeAttr('value')
? ? </script>
</body>
</html>
2018-04-26
你第三個input粘錯了吧。不是應(yīng)該是這個么。$("input:eq(2)").attr('value',function(i, val){ return '通過function設(shè)置' + val })。第一個是直接設(shè)置內(nèi)容,第二個是獲取內(nèi)容。第三個是用函數(shù)設(shè)置內(nèi)容。最后一個是刪除。
2019-01-24
fhjdfhhhjd
2018-04-27
認真看原文....都已經(jīng)直接寫出來了
attr(傳入屬性名):獲取屬性的值
attr(屬性名, 屬性值):設(shè)置屬性的值
attr(屬性名,函數(shù)值):設(shè)置屬性的函數(shù)值