文档操作,属性操作
操作文档在原有文档的基础上通过添加删除元素修改dom树,
元素内容以及元素属性只能进行初始化设置,不能在原有基础上进行修改,
只有类可以在原有基础上通过增删进行修改操作。
添加元素
$.append( ) //末尾子元素
$.prepend( ) //开头子元素
$.before( ) //被选元素之前的父元素
$.after( ) //被选元素之后的父元素
删除元素
$.remove("CSS选择器") //移除被选元素,就是删掉元素本身和子元素
$.empty("CSS选择器") //清空被选元素,只是删除子元素,也可以传参指定删除部分子元素
获取、设置元素内容
1.获取元素的文本内容、HTML代码内容,也可以修改------文档操作
$.text( ) //E.innertext
$.html( ) //E.innerHTML
2.获取元素的表单字段的值,jQuery特有,可修改
$.val( )
3.获取元素的HTML属性值
$.attr("属性名") //E.属性名
$.attr("属性名","新属性值") //设置单个属性
$.attr({"属性1":"值1","属性2":"值2"}) //设置多个属性
类操作
----目的是用类修改被选对象的样式
$.addClass("class值") //添加类
$.removeClass("class值") //删除类
$.toggleClass("class值") //切换删除添加类的操作
CSS操作
1.获取CSS属性值
$.css("CSS属性名") //E.style.css属性名驼峰写法
2.修改CSS属性(同修改HTML属性)