jQuery----dom元素属性的设置

jQuery–dom元素属性的设置

<button class="btn">按钮</button>
<button class="btn">按钮</button>
<button class="btn">按钮</button>

• attr获取或者设置元素的属性值

$(".btn").attr(‘title’,‘我是按钮’);
(".btn").attr(‘title’, function (index) {
return ‘我是按钮’ + index;
});

• 设置自定义属性

$(".btn").attr(‘data-title’,‘标题’);

• removeAttr 删除属性

$(".btn").attr(‘title’,‘我是按钮’);
$(’.btn’).removeAttr(‘title’);

获取属性值
*通过removeAttr 删除属性 属性值是 undefined
*把元素上的属性删除了

• prop 设置属性 获取或者设置元素的属性值

$(’.btn’).prop(‘title’,‘我是标题’);
$(’.btn’).prop(‘title’,function (index){
return ‘标题’+index;
});

• removeProp 删除属性

$(’.btn’).removeProp(‘title’);

删除的时候 防止浏览器报错 不删出属性 而是直接把值修改undefined

• prop可有设置自定义属性 不显示

$(’.btn’).prop(‘data-index’,0);

console.log($(’.btn’).prop(‘data-index’));