下面的代碼，最后兩個script怎么不起作用呢？
下面的代碼，最后兩個script怎么不起作用呢？
<!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://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
? ? <h2>.attr()與.removeAttr()</h2>
? ? <h3>.attr</h3>
? ? <form>
? ? ? ? <input type="text" value="" />
? ? ? ? <input type="text" value="獲取value回調拼接valu"/>
? ? ? ? <input type="text" value="回調拼接value" />
? ? ? ? <input type="text" value="刪除value" />
? ? </form>
? ? <script type="text/javascript">
? ? //找到第一個input，通過attr設置屬性value的值
? ? $('input:text:first').attr('value','香蕉')
? ? </script>
? ? <script type="text/javascript">
? ? //找到第二個input，通過attr獲取屬性value的值
? ? var v = $('input:text:eq(1)').attr('value');
? ? </script>
? ? <script type="text/javascript">
? ? //找到第三個input，通過使用一個函數來設置屬性
? ? //可以根據該元素上的其它屬性值返回最終所需的屬性值
? ? //例如，我們可以把新的值與現有的值聯(lián)系在一起：
? ? $('input:text:eq(2)').attr('value',function(i, val){
? ? return '通過function設置' + val
? ? })
? ? </script>
? ? <script type="text/javascript">
? ? //找到第四個input，通過使用removeAttr刪除屬性
? ? $('input:text:eq(3)').removeAttr('value')
? ? </script>
</body>
</html>
2016-12-01
有啊我試過你的代碼了有效果的，你再試試看