属性方法大揭秘：jQuery轻松操控HTML标签属性

属性方法的作用

搞定网页设计，怎么能离得开处理HTML标签属性？不用怕，JavaScript中的大佬——jQuery给你提供了好多实用函数，用起来超顺手！比如，.prop()和.attr()就很给力，让你简单操控和改动HTML元素属性。不管常见的还是自定义的，这两个函数统统搞定，省时省力还降低了代码复杂度，真可谓是网页制作的得力助手！

.prop()方法的基本用法

// 获取属性值
$(selector).prop(propertyName);
// 设置属性值
$(selector).prop(propertyName, value);

.prop()简直就是控制 HTML 属性的神器，想获得或设置哪个属性随你心意。具体要取啥参数，全看你怎么动手指头。比方说，想知道那个复选框到底让不让人勾选？查下它的状态就能知道。抑或是，你想把所有的文本输入框都给锁住？没问题，上.prop()就能帮到你。想让它们恢复正常？别担心，只要把变量设回false就行了，简单又实用！

Male
Female

if ($('#male').prop('checked')) {
  // 如果male被选中
}

.attr()方法的基本用法

虽然我们的attr()方法和别的模块中用到的prop()看着差不多，但是它其实更擅长处理HTML属性~比如说你想了解某个图片的alt属性？没错，那就是attr()这个小能手能解决的；再者，想要更换img标记的src属性？同样也是需要我们的attr()助一臂之力。当然了，并不是所有属性都能用这两个方法搞定，所以要挑选最合适的那款方法才行。

$('input[type="text"]').prop('disabled', true);

权衡选择合适的方法

当你设置HTML属性时，得把握好时机！对于一般的属性和对象属性，就直接用`.prop()`。可是如果遇到其他类型？别再纠结了，赶紧选择`.attr()`。重要的是，你要弄清楚何时应该使用哪一个。最后，根据你的实际情况，选出最适合你的解决方案。

// 获取属性值
$(selector).attr(attributeName);
// 设置属性值
$(selector).attr(attributeName, value);

综述

看完这篇文章，赶紧试试用jQuery整理HTML属性吧～这么做可以让你在前端开发上如鱼得水，代码也更美观！如果还想深入研究，记得去产品官网详细看下文档或者学习教程喔，绝对能让你大开眼界！

var altValue = $('img').attr('alt');

。