js中prop和attr区别

1、对于html元素本身就带有的固有属性，在处理时，使用prop方法。
2、对于html元素我们自己自定义的DOM属性，在处理时，使用attr方法。
<a href=”#” class=“one” action=”delete”>one</a>

a标签中href和class是固有属性而action是自定义属性

<input type=”checkbox” id=”chk1″/>
<input type=”checkbox” id=”chk2″ checked=”checked”/>
<script type=”text/javascript”>
$(function(){
console.log( $(‘#chk1’).prop(‘checked’)); //false
console.log( $(‘#chk2’).prop(‘checked’)); //true
console.log($(‘#chk1’).attr(‘checked’)); //undefined
console.log( $(‘#chk2’).attr(‘checked’)); //checked
if($(‘#chk2’).prop(‘checked’)==false){
console.log(‘1’);
}else{
console.log(‘2’);
}
})
</script>