js控制HTML元素自身属性的使用

HTML元素有许多自身的属性，例如disabled、readonly、required、selected……这些属性我们可以直接在HTML元素中设置

<input type="text" value="测试用例，仅供测试使用" readonly>

也可以使用js设置HTML的自带属性。

element.setAttribute("test","beijing");	//设置元素属性

element.getAttribute("test");	//获取元素属性

jQuery设置HTML自带属性，使用removeAttr()、attr() 和 prop() 方法设置HTML元素的属性。其中，attr()可以同时设置多个值，而removeAttr()则同时只能设置一个值。

attr()设置多个值。

$("p").attr({
   'disabled':true,
   'hidden':true,
});

当上面的代码执行后，alert($("p").attr('disabled'));获取到的值为disabled；

若上面的代码没有执行，alert($("p").attr('disabled'));获取到的值为undefined；

prop() 是新增加的方法，建议使用 prop() 方法。