jQuery属性操作入门

属性操作的入门里,jQuery 的 attr()算是老熟人了,能取也能设,操作挺灵活。你传一个参数,它就乖乖地返回属性值;两个参数,立马给你把属性改了。常见的像html()text()val()这些函数,其实都是这个套路。

removeAttr()也挺常用的,尤其一些状态切换的时候,比如禁用按钮啊、隐藏某些功能啊,用它直接干掉属性,清爽利落。

实际开发中,用attr('disabled')判断按钮状态,再用removeAttr('disabled')恢复可用,这种小操作真的是家常便饭。写惯了原生 JS,切过来会觉得 jQuery 这一套还挺顺手。

如果你还没摸清这些 API 的用法,可以顺手看看这几个链接,补一补基础,写代码的时候就不会一头雾水了:

如果你在做表单交互或者动态渲染,attr()removeAttr()用起来会频繁。建议多试试不同写法,比如:

$('#submitBtn').attr('disabled', true);
$('#submitBtn').removeAttr('disabled');

嗯,jQuery 虽然现在不那么热门了,但多老项目里还在用。如果你刚好接手一个带 jQuery 的项目,早点掌握这些方法,写起来才不会那么吃力。

ppt 文件大小:5.21MB