JQuery3 DOM操作

DOM操作

　　1  内容操作

　　　　1  html()：获取/设置元素的标签体内容

　　　　　　var html=$("myinput").html();    获取

　　　　　　var html=$("myinput").html("<p>aaaa</p>");    设置 

　　　　2  text()：获取/设置元素的标签体纯文本内容

　　　　3  val()：获取/设置元素的value属性值

　　2  属性操作

　　　　1  通用属性操作

　　　　　　1  attr()：获取/设置元素的属性

　　　　　　2  removeAttr()：删除属性

　　　　　　3  prop()：获取/设置元素的属性

　　　　　　4  removeProp()：删除属性

 

　　　　　　*  attr 和 prop的区别

　　　　　　　　1  如果操作的是元素的固有属性，则建议使用prop

　　　　　　　　2  如果操作的是自定义属性，则建议使用attr

　　　　2  对class属性操作

　　　　　　1  addClass()：添加class属性值

　　　　　　　　$("#one").addClass("second");

　　　　　　2  removeClass()：删除class属性值

　　　　　　3  toggleClass()：切换class属性值

　　　　　　　　*  toggleClass("one"):

　　　　　　　　　*  判断如果元素对象上存在class="one",则将属性值one删除，如果不存在，就添加

　　3  CRUD操作