更新时间:2020年12月31日11时27分 来源:传智教育 浏览次数:
prop()方法用来设置或获取元素固有属性值。元素固有属性是指元素本身自带的属性,如标签的href属性。具体语法示例如下。
$(selector).prop("属性名") $(selector).prop("属性", "属性值")下面通过代码演示prop()方法的使用。
<a href="http://localhost" title="主页"></a> <script> console.log($("a").prop("href")); $("a").prop("title", "首页"); </script>在上述代码中,第3行用于获取<a>标签的href属性,输出到控制台中,第4行用于设置标签的title属性,将属性值设为“首页”。
在开发中,还会经常使用prop('属性')获取表单元素的checked值,示例代码如下。
<input type="checkbox" checked> <script> $("input").change(function() { console.log($(this).prop("checked")); }); </script>上述代码中,第1行设置input的type值为checkbox,表示复选框;第4行给input绑定change事件,当表单元素状态发生变化时触发。如果复选框处于选中状态,则输出结果为true,否则输出false。