jquery之DOM节点操作

1.jQuery追加标签

$('body').append('<h1 style="color: red;" class="c">hello world</h1>')

2.给便签设置style样式

$('.c').css('font-size','100px')

3.移除标签

$('.c').remove()

4.清空选项

$('#s').empty()

5.添加父级标签,在某个标签的外层添加标签

$('.c').wrap('<div class="p_div"></div>')

6.在某个标签之前添加标签

$('.c').before('<span>我是before添加的标签</span>')

7.在某个标签之后添加标签

$('.c').after('<span>我是after添加的标签</span>')

8.将某个标签插入到另一标签之前

$('<strong>添加到select之前</strong>').insertBefore($('#s'))

9.将某个标签插入到另一标签之后

$('<strong>添加到select之后</strong>').insertAfter($('#s'))

10.去除外层标签

$('.c').unwrap()

11.标签的隐藏

$('.c').hide()

12.标签的显示

$('.c').show()

13.更改或添加内容的html代码

$('.c').html('<a href="http://www.baidu.com">百度一下</a>')

14.更改标签的文本内容

$('.c').text('我是js更改后的内容')