⛳学习jQuery—今日碎片化知识点总结:⛳ **6. 修改元素: 3种:** 修改中的所有函数，都是一个函数两用！ (1). 内容: 3种: ​ a. 原始HTML内容: ​ $元素.html("新HTML内容") 代替.innerHTML ​ b. 纯文本内容: ​ $元素.text("纯文本内容") 代替.textContent ​ c. 表单元素的值: ​ $元素.val("新值") 代替.value (2). 属性: 3种: ​ a. 字符串类型的HTML标准属性:2种: 1). $元素.attr("属性名","新属性值") 代替 元素.getAttribute()和setAttribute() 2). $元素.prop("属性名", bool值) 代替 元素.属性名=bool值 b. bool类型的HTML标准属性: 只有1种 ​ $元素.prop("属性名", bool值) ​ 代替 元素.属性名=bool值 ​ c. 自定义扩展属性:只有一种: ​ $元素.attr("属性名","新属性值") ​ 代替 元素.getAttribute()和setAttribute() ​ 反过来总结: ​ $元素.attr()可修改一切字符串类型的属性(字符串类型HTML标准属性+自定义扩展属性) ​ $元素.prop()可修改一切可用.访问的属性(所有HTML标准属性) (3). 样式: ​ a. 获取或修改单个css属性: 只有1种 ​ $元素.css("css属性名", "属性值") ​ 获取属性值时被翻译为getComputedStyle(元素) ​ 修改属性值时被翻译为.style.css属性=属性值 ​ b. 使用class批量修改样式: $元素.addClass("class名") $元素.removeClass("class名") $元素.hasClass("class名") $元素.toggleClass("class名")