站長資訊網(wǎng)
方法：1、用attr()，語法“$("input").attr("屬性名","屬性值")”，可添加指定屬性或?qū)⒅付▽傩栽O(shè)置為新值；2、用removeAttr()，語法“$("input").removeAttr("屬性名")”，可刪除屬性。
本教程操作環(huán)境：windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。
在jquery中，可以通過修改屬性值，或者移除屬性來改變指定元素的屬性。下面我們來具體了解一下。
1、使用attr()修改屬性值
attr() 方法可以設(shè)置被選元素的屬性值。
-
可將指定屬性設(shè)置為新值
-
當(dāng)沒有指定屬性時，可添加該屬性
示例：修改input type屬性，將文本框改為時間框
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="js/jquery-1.10.2.min.js"></script> <script> $(document).ready(function() { $("button").click(function() { $("input").attr("type","date"); }); }); </script> </head> <body class="ancestors"> <input type="text" value="John"> <br><br> <button>修改input屬性</button> <p>修改input type屬性，將文本框改為時間框</p> </body> </html>
2、使用removeAttr()刪除屬性
removeAttr() 方法從被選元素中移除屬性。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="js/jquery-1.10.2.min.js"></script> <script> $(document).ready(function() { $("button").click(function() { $("input").removeAttr("value"); }); }); </script> </head> <body class="ancestors"> <input type="text" value="John"> <br><br> <button>修改input屬性</button> <p>刪除input value屬性，清空輸入框</p> </body> </html>
【推薦學(xué)習(xí)：jQuery視頻教程、web前端視頻】
