原生html的属性property和attributes

1.property属性是：html标签内自带的属性
如：input的value、type等

2.attributes属性是：自定义属性
如 data-type、abc 等

<input type="text" value="122" id="ceshi aaa="111"/>

getAttribute不仅可以拿到原生的属性（双向绑定的数据） 还可以拿到自定义属性（不过只是初始值）

let c=document.querySelect("#ceshi").value   //  122
let c=document.querySelect("#ceshi").getAttribute('value') //122
//  如果input发生变化 变化后值为123456
let c=document.querySelect("#ceshi").value   //  123456
let c=document.querySelect("#ceshi").getAttribute('value') //122 
//getAttribute属性拿到的不是动态变化的数据而是初始化的数据

通过修改自定义属性修改的值也不会更新到视图上

document.querySelect("#ceshi").attributes.value.value=789  
document.querySelect("#ceshi").value=789  //  这样就会动态刷新

JQ的方法区别跟原生的差不多

$('#ceshi').prop('value',666)；
$("input").prop("disabled", false)
$('#ceshi').attr('value',666);