问答详情
源自:3-1 jQuery的属性与样式之.attr()与.removeAttr()

下面的代码,最后两个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,通过使用一个函数来设置属性

    //可以根据该元素上的其它属性值返回最终所需的属性值

    //例如,我们可以把新的值与现有的值联系在一起:

    $('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>


提问者:未来99 2016-12-01 16:51

个回答

  • 辉哥92
    2016-12-01 17:14:40
    已采纳

    有啊我试过你的代码了有效果的,你再试试看