1、获取元素内容

.html()和.text()都可以用来获取和更新元素的内容。
.html()
例：$('ul').html();会返回如下内容：

<li id="one"><em>fresh</em> figs</li>
<li id="two"><b>pine</b> nuts</li>
<li id="three">honey</li>
<li id="four">balsamic vinegar</li>

而$('li').html();返回

<em>fresh</em>figs

如果要获取每个元素的值，可以使用.each()方法

$('li').each(function(){
       var a=$(this).html();
       console.log(a)
}).html();

.text()
$('li').text();返回：
fresh figs pine nuts·····
会返回所有<li>元素中的所有文字包括空格。
2、更新元素

.html()
.text()
.replaceWith()会把匹配结果中的每个元素的内容替换为新内容，同时会返回被替换的元素。
.remove()会移除匹配结果中的所有元素。
3、插入元素

涉及两个步骤：
1）、将新元素创建为jQuery对象；例

var $newItem=$('<li class="new">item</li>')```
上语句会创建变量$newItem，其中保存了一个jQuery对象，该对象包含一个带有class属性和一些文本的<li>元素。
    2）、使用一个方法将内容插入到页面中。
方法：.before()将内容插入到选中元素之前；
.after()将内容插入到选中元素之后；
.prepend()将内容插入到选中元素的内部，紧跟开始标签之后；
.append()将内容插入到选中元素的内部，紧跟结束标签之前；
.appendTo()将选中元素插入到内容内部，紧跟结束标签之前；
.prependTo()·········