jquery和js获取自定义属性的值

1、原生js获取并设置自定义属性的值；

 <div id="su" data-it="1" sex="2"></div>

1）自定义属性data-属性;

var $div = document.getElementById('su');
//获取值的两种方法
var it = $div.getAttribute('it');
var sex = $div.dataset.it;
//赋值的两种方法
$div.setAttribute('it','2');
$div.dataset.it = '3';

2)其他类型的属性只能用getAttribute和setAttribute来取值和赋值；

2、jquery取值和赋值和原生js大致相似；

    attr() data() 两个方法；其中data方法只支持data-xx 属性；