1、text()

方法描述：設置/獲取元素的文本內容，該方法讀寫合一。

需求描述：設置p段落標籤的內容為“我是段落”

<p></p>
$('p').text('我是段落');

需求描述：獲取p段落標籤的內容並輸出

<p>我是段落</p>
console.log($('p').text());

2、html()

方法描述：設置/獲取元素的html內容，該方法讀寫合一。

需求描述：設置ul列表標籤的li列表項

<ul></ul>
var li = '<li>我是列表項</li>';
$('ul').html(li);

需求描述：獲取ul列表中的列表項並輸出

<ul><li>我是列表項</li></ul>
console.log($('ul').html());

3、append()

方法描述：向當前匹配的所有元素內部的最後面插入指定內容。

需求描述：為當前的ul向後添加一個列表項

<ul>
    <li>我是列表項1</li>
    <li>我是列表項2</li>
</ul>
var last = '<li>我是最後一個列表項</li>';
$('ul').append(last);

4、appendTo()

方法描述：將指定的內容追加到當前匹配的所有元素的最後面。

需求描述：為當前的ul向後添加一個列表項

<ul>
    <li>我是列表項1</li>
    <li>我是列表項2</li>
</ul>
var last = '<li>我是最後一個列表項</li>';
$(last).appendTo($('ul'));

5、prepend()

方法描述：向當前匹配的所有元素內部的最前面插入指定內容。

需求描述：為當前的ul向前添加一個列表項

<ul>
    <li>我是列表項1</li>
    <li>我是列表項2</li>
</ul>
var first = '<li>我是第一個列表項</li>';
$('ul').prepend(first);

6、prependTo()

方法描述：將指定的內容追加到當前匹配的所有元素的最前面。

需求描述：為當前的ul向前添加一個列表項

<ul>
    <li>我是列表項1</li>
    <li>我是列表項2</li>
</ul>
var first = '<li>我是第一個列表項</li>';
$(first).prependTo($('ul'));