<!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="設置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',function(i, val){?? ??? ??? ??? ?return '通過function設置' + val?? ??? ?})??? </script>??? <script type="text/javascript">?? ??? ?//找到第四個input，通過使用removeAttr刪除屬性?? ??? ?$("input:eq(3)").removeAttr('value')??? </script></body></html>
目前暫無任何回答
- 0 回答
- 0 關注
- 1476 瀏覽
添加回答
舉報
0/150
提交
取消