一、标签自带属性的操作
标签自带属性，是标签中自有的。如 img 标签中 width height src 等属性
(一) JS操作标签自带属性
// JS 操作标签自带属性
// 语法： 元素.自带属性名
img.src = url; // 设置
img.src // 获取
(二) JQ操作自带标签属性
利用 attr 方法；获取普通标签自带属性
// JQ 操作自带标签属性
// 语法： 元素.attr();
$('img').attr('width',100) ; // 设置
$('img').attr('width'); // 获取
// removeAttr 移除属性
$('img').removeAttr('width'); // 移除
二、行内样式操作
(一) JS 操作行内样式
// JS 操作行内样式
// 语法： 元素.style.属性名
div.style.width; // 获取
div.style.width = '100px'; // 设置
(二) JQ 操作行内属性
// JQ 操作行内属性
// 语法： 元素.css('name','value');
$('div').css('name'); // 获取对应的属性
$('div').css('width',100); // 设置单个属性
$('div').css({width:100, height:100}); // 设置多个属性
三、表单属性操作
表单作为HTML中较为特殊的标签，它的三大属性： checked selected disabled 操作在 JQ 中的操作较为特殊。
(一) JS对表单属性操作
// JS对表单属性的操作
input.disabled = true; // 设置
input.disabled // 获取
// value 属性 获取/设置 表单值；
input.value // 获取 表单值
input.value = 'value'; // 设置 表单值
(二) JQ对表单属性操作
利用 prop 方法， 对表单的三大属性进行操作。
// JQ 对表单属性操作
$('input').prop('checked')； // 获取 对应的属性值
$('input').prop('checked',true); // 设置 对应的属性值
// val 方法 获取/设置 表单值
$('input').val(); // 获取表单值
$('input').val('value'); // 设置表单值
四、类名操作（嵌套样式）
(一) JS 操作类名
// JS 操作类名
// 原生 JS 中 使用 className 属性 操作类名; 但是会产生类名覆盖的问题，所以不推荐使用
// 语法: 元素.className = '类名';
div.className = 'fz';
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
// H5 新增 classList属性（是个对象）；操作类名；
// classList 属性中， add remove toggle contains 方法，操作类名
div.classList.add('a'); // 增加类名 不存在 类名 覆盖; 相当于 addClass 方法；
div.classList.remove('aa'); // 移除类名 相当于 jq 中 removeClass
div.classList.toggle("cc"); // 切换类名 相当于 jq 中 toggleClass
var res =div.classList.contains('bb'); // 判断是否存在某个类名相当于 hasClass
(二) JQ操作类名
// JQ操作类名 addClass removeClass toggleClass hasClass
$('div').addClass('类名'); // 增加类名
$('div').removeClass('类名'); // 移除类名
$('div').toggleClass('类名'); // 切换类名
$('div').hasClass('类名')； // 判断是否存在某个类名
五、自定义类名操作
(一) JS操作自定义类名
// 原生JS中 利用 getAttribute 和 setAttribute 方法 设置 和 获取 自定义属性(一切属性)
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
// H5中，给 DOM对象新增 dateset 属性，操作 元素 自定义类名
// HTML5推出了一个规范，以后所有的自定义属性都应该以data-开头
// 给所有DOM对象增加了一个dataset属性， 这个属性内部可以获取到所有以data-开头属性
div.dataset.id // 获取 data-id 自定义类名
(二) JQ 操作定义类名
// jq 中 利用 data();方法获取 自定义类名; ( attr()方法获取普通标签自带属性， prop()方法获取表单标签属性 )
$('div').data('id') ; // 获取 自定义属性 data-id
