jQuery学习：文档增加 删除 替换 增删改

	<ul id="ul1">
			<li>AAAAA</li>
			<li title="hello">BBBB</li>
			<li class="box">CCCCCCC</li>
			<li title="hello">DDDDDD</li>
			<li title="two">EEEEEE</li>
			<li>FFFFF</li>
		</ul>
		<br>
		<br>
		<ul id="ul2">
			<li>aaaa</li>
			<li title="hello">bbbbb</li>
			<li class="box">cccc</li>
			<li title="hello">ddddd</li>
			<li title="two">eeeeeeeeee</li>
			<p>ddd</p>
		</ul>

内部元素 

从后面添加

append：在每个匹配元素里面的末尾处插入参数内容

// 向id为ul1的ul下面添加一个span最后
			$ul1.append('<span>span</span>');

appendTo:或者在内存中创建对象 再传入

		// 向id为ul1的ul下面添加一个span最后
			$('<span>span</span>').appendTo($ul1)

从前面添加

prepend()

// 向id为ul1的ul下面添加一个span最前
				$ul1.prepend('<span>span</span>');

prependTo 从内存中添加 

	$('<span>span</span>').prependTo($ul1);

向外部插入 

前面插入：before

	// 向id为ul1的ul下面的li(title = hello) 的前面添加一个span
			$ul1.children('li[title=hello]').before('<span>span</span>')

后面插入： after

	// 向id为ul1的ul下面的li(title = hello) 的后面添加一个span
			$ul1.children('li[title=hello]').after('<span>span</span>')

替换：replaceAll()

        // 向id为ul2的ul下面的li(title = hello) 全部替换为p
			var $ul2 = $('#ul2');
			$('<p>p</p>').replaceAll($ul2.children('li[title=hello]'))

 replaceWith

$ul2.children('li[title=hello]').replaceWith($('<p>p</p>'))

$('#ul2>li[title=hello]').replaceWith($('<p>p</p>'))

empty自身不会删除 只会删除内部的所有的元素

// 移除id为ul2的ul下面添所有的li
			$ul2.empty();//ul2还在

remove和自己以前被删除

$ul2.children('li').remove()

$('#ul2>li').remove();

//删除所有元素 等于empty
$('#ul2>*').remove();