jQuery中的DOM操作

1.基本操作

1.1---html()---类似于原生DOM的innerHTML属性;获取--html(); 设置--html(html代码); 1.2---val()---类似于原生DOM的value属性获取--val(); 设置--val(value); 1.3---text()----类似于原生DOM的textContent属性获取---text(); 设置---text(文本内容);1.4---attr()----获取或设置指定元素的属性 获取----attr(attrName)类似于getAttribute(); 设置----attr(attrName,attrValue)类似于setAttribute(); removeAttr(attrName)--类似于removeAttribute(); 2. 样式操作---css2.1---attr("class","classValue"); 2,2---addClass()--追加样式2.3---removeClass()--删除样式 (不传参删除所有样式,传参删除指定样式)2.4--toggleClass()---切换样式 (只接受一个参数,是在没有样式与指定样式之间切换)2.5--hasClass()--判断样式 (判断指定元素是否包含指定样式)css()--操作样式设置 css(name,value); 或者 css({name:value,name:value})3.遍历节点3.1--parent()--获取指定节点的父节点3.2--children()--获取指定节点的所有子节点3.3--next()--获取指定节点的下一个兄弟节点3.4--prev()--获取指定节点的上一个兄弟节点3.5--siblings()--获取指定节点的所有兄弟节点3.6--find(expr)--在指定节点中查找指定内容(查找指定节点的后代节点)4.创建节点4.1--元素节点---$(HTML代码)4.2--文本节点---text()4.3--属性节点--attr()5.删除节点5.1--remove()--删除自身及后代节点5.2--empty()--(清空)删除后代节点,但保留自身节点6.插入节点内部插入与外部插入区别(内部:是插入到指定元素的里面。外部:是插入到指定元素的外面)内部插入6.1--append(content) (向每个匹配元素内部追加内容,content中放HTML标记)6.2--prepend(content) (向每个匹配元素内部前置内容)外部插入6.1--before(content) (向每个匹配元素之前插入内容)6.2--after(content) (向每个匹配的元素之后插入内容)

    推荐阅读