Jquery操作DOM节点

1、向DOM节点中追加元素：

append：向元素内部追加内容:

例如：我想说: $(“p”).append(“你好”);

结果：我想说: 你好

appendTo:将匹配的元素追加到指定的元素中

例如：我想说: $(“你好”).appendTo(“p”);

结果：我想说: 你好

prepend：向每个匹配元素内部前置元素

例如：我想说: $(“p”).prepend (“你好”);

结果: 你好我想说:

prependTo:将所有匹配的元素前置到指定的元素中

例如：我想说: $(“你好”).prependTo(“p”);

结果: 你好我想说:

after:在每个匹配的元素之后插入内容

例如：我想说: $(“p”).after(“你好”);

结果：我想说: 你好

insertAfter：将所有匹配的元素插入到指定元素的后面

例如：我想说: $(“你好”).insertAfter(“p”);

结果：我想说: 你好

before：在每个元素之前插入内容

例如：我想说: $(“p”).before(“你好”);

结果: 你好我想说:

insertBefore: 将所有匹配的元素插入到指定元素的前面

例如：我想说: $(“你好”).insertBefore(“p”);

结果: 你好我想说:

2、节点移除

a：在对象后面加入remove()方法,移除的内容虽然在网页上表现不存在了，但是在内存中还是存在的，remove后面还可以加入参数，进行选择$("ul li").remove("li[title != 2]");

b：在对象后面加入empty()方法，表示清空元素中的内容，元素位置还是存在

3、节点的复制，调用其clone()方法,里面可以包含true或者false参数，true表示克隆后的元素与原来的元素具有相同的属性和方法

3、属性操作：

attr():获取与设置属性

removeAttr()：移除元素属性

3、操作样式，可以使用attr，也可以使用addclass、removeclass

其中attr可以为相应的class赋值，但是它是从属性方面来考虑的

attr与addclass的区别：

转载于:https://blog.51cto.com/8786457/1390023

Jquery操作DOM节点相关推荐

原生JS和jQuery操作DOM的区别小结
一.Js原生对象和jQuery实例对象的相互转化: (1).原生JS对象转JQ对象: $(DOM对象); (2). JQ对象转原生JS对象: $(DOM对象).get(index); //注意区分eq ...
jQuery 操作DOM总结,DOM Core操作,HTML-DOM操作和CSS-DOM操作
jQuery创建元素节点或文本节点或属性节点.jQuery插入节点.jQuery删除节点.jQuery复制节点.jQuery替换节点.jQuery包裹节点.jQuery属性操作.jQuery样式操作. ...
jQuery操作DOM对象
jQuery操作DOM对象 1.使用attr()方法控制元素的属性 attr()方法的作用是设置或者返回元素的属性,其中attr(属性名)格式是获取元素属性名的值,attr(属性名,属性值)格式则是设 ...
JavaScript交互式网页设计 • 【第7章 jQuery操作 DOM】
全部章节 >>>> 本章目录 7.1 DOM 对象和 jQuery 对象 7.1.1 DOM 对象 7.1.2 jQuery 对象 7.1.3 jQuery 对象和 DOM ...
jQuery添加DOM节点常用的5种方法
一.内部插入(前插入.后插入): <!DOCTYPE html> <html><head><meta charset="UTF-8"> ...
java操作dom节点的添加_java操作DOM节点的添加，删除，修改
java操作DOM节点的添加,删除,修改下面我们开始对此xml添加,删除,修改:方法一 import java.io.File; import java.io.IOException; import ...
jQuery操作Dom、jQuery事件机制、jQuery补充部分
jQuery操作Dom: 修改属性: //使用attr()方法 //attr(name, value) //name:要修改的属性的属性名 //value:对应的值 //attr方法,如果当前标签有要 ...
jQuery操作Dom元素、jQuery遍历、JavaScript遍历
目录 jQuery操作Dom元素 jQuery遍历几种方式 JavaScript遍历 jQuery操作Dom元素 jQuery的主要用法为"选择某个dom元素,再对其进行某种操作" ...
04-老马jQuery教程-DOM节点操作及位置和大小
1. jQuery创建DOM标签 1.1 DOM动态创建标签的方法 DOM时代我们通过document的createElement方法动态创建标签.创建标签后,动态的给他添加属性.例如代码: // 动 ...

Jquery操作DOM节点

Jquery操作DOM节点相关推荐

最新文章

热门文章