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) (向每个匹配的元素之后插入内容)
推荐阅读
- 热闹中的孤独
- JS中的各种宽高度定义及其应用
- 我眼中的佛系经纪人
- 《魔法科高中的劣等生》第26卷(Invasion篇)发售
- Android中的AES加密-下
- 事件代理
- 放下心中的偶像包袱吧
- C语言字符函数中的isalnum()和iscntrl()你都知道吗
- C语言浮点函数中的modf和fmod详解
- C语言中的时间函数clock()和time()你都了解吗