jQuery的dom操作

插入方法

内部插入

• append 末尾插入

			$('.box').append($('<h1>你好</h1>'));
			$('body').append($('<h1>你好</h1>'));
			$('<h1>你好</h1>').appendTo('.box');

• prepend 头部插入

			$('.box').prepend($('<h1>你好</h1>'));

-内容HTML和TEXT

			var x=$('h1').text();
			var x=$('h1').html();

• val()属性

   			$('input[type=password]').val('abcdefg' );

• is 判断

			console.log($('.box').is('div'));

外部插入

• before() 之前插入

			$('h1').before('<p>今天</p>');
			$('<p>今天</p>').insertBefore('h1');

• after（） 之后插入

			$('h1').after('<p>今天</p>');
			$('<p>今天</p>').insertAfter('h1');

删除数据

• remove 彻底删除

			$('h1').remove();

• datach 删除后，保留事件链接

			var x=$('h1').detach();
			console.log(x);

• empty 保留子节点

			$('.box').empty();

替换

• replaceWith（）

			$('h1').replaceWith('<h1>hello world</h1>');

• replaceAll（）

			$('<h1>hello world</h1>').replaceAll($('h1'));

复制包装

• 克隆，添加

			var a=$('h1').clone();
			$('.box').append(a);

包装

• warp 单独包装

			$('p').wrap('<font color="red"></font>')

• warpAll 将满足条件的都添加

			var a=$('p').wrapAll($('<font color="red"></font>'))

• unwarp 去除父节点

			$('h1').unwrap();

• warpInner 内部包裹

			$('p').wrapInner($('<font color="red"></font>'));