prop()方法

prop()方法用来设置或获取元素固有属性值。元素固有属性是指元素本身自带的属性，如<a>标签的href属性。具体语法示例如下。

$(selector).prop("属性名")                // 获取属性值
$(selector).prop("属性", "属性值")    // 设置属性值

下面通过代码演示prop()方法的使用。

 1  <a href="http://localhost" title="主页"></a>
 2  <script>
 3   console.log($("a").prop("href"));    // 输出结果：http://localhost
 4   $("a").prop("title", "首页");             // 设置title的值为“首页”
 5  </script>

在上述代码中，第3行用于获取<a>标签的href属性，输出到控制台中，第4行用于设置<a>标签的title属性，将属性值设为“首页”。

在开发中，还会经常使用prop('属性')获取表单元素的checked值，示例代码如下。

 1  <input type="checkbox" checked>
 2  <script>
 3   // 获取表单元素的checked值
 4   $("input").change(function() {
 5    console.log($(this).prop("checked")); // 复选框选中时，输出结果为true
 6   });
 7  </script>

上述代码中，第1行设置input的type值为checkbox，表示复选框；第4行给input绑定change事件，当表单元素状态发生变化时触发。如果复选框处于选中状态，则输出结果为true，否则输出false。