JQuery使用方法三（DOM）

目录

1、获取标签的html内容

2、获取标签的文本内容

3、获取标签的value值

4、创建元素

5、拼接元素

6、插入到最前面

7、将b插入到a后面

8、将b插入到a前面

9、把a插入到b后面

10、把a插入到b前面

11、用b替换a元素

12、用a替换b元素

13、删除a元素

14、清空a的子元素

---

1、获取标签的html内容

console.log( $("#div1").html());

2、获取标签的文本内容

console.log( $("#div1").text());

 

3、获取标签的value值

console.log( $("#div1 input").val());

4、创建元素

$("<a>a标签</a>")

5、拼接元素

将新创建的a标签放入div1中。

注意：是放到父元素中最后一个子元素的后面

$("#div1").append($("<a>a标签</a>"))

 

$("<a>a标签</a>").appendTo($("#div1"))

6、插入到最前面

将新创建的a标签插入到div1中

注意：是放到父元素中第一个子元素的前面

$("#div1").prepend($("<a>a标签</a>"))

$("<a>a标签</a>").prependTo($("#div1"))

7、将b插入到a后面

a.after(b)

$("#div1").after($("<a>a标签</a>"))

8、将b插入到a前面

a.before(b)

9、把a插入到b后面

a.insertAfter(b)

10、把a插入到b前面

a.insertBefore(b)

11、用b替换a元素

 a.replaceWith(b)

12、用a替换b元素

a.replaceAll(b)

13、删除a元素

a.remove()

14、清空a的子元素

a.empty()