整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
過 jQuery，可以很容易地刪除已有的 HTML 元素。
刪除元素/內容
如需刪除元素和內容，一般可使用以下兩個 jQuery 方法：
remove() - 刪除被選元素（及其子元素）
empty() - 從被選元素中刪除子元素
jQuery remove() 方法
jQuery remove() 方法刪除被選元素及其子元素。
實例
$("#div1").remove();
jQuery empty() 方法
jQuery empty() 方法刪除被選元素的子元素。
實例
$("#div1").empty();
過濾被刪除的元素
jQuery remove() 方法也可接受一個參數，允許您對被刪元素進行過濾。
該參數可以是任何 jQuery 選擇器的語法。
下面的例子刪除 class="italic" 的所有 <p> 元素：
實例
$("p").remove(".italic");
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
面的表格列出了所有用于處理 HTML 和 CSS 的 jQuery 方法。
下面的方法適用于 HTML 和 XML 文檔。除了：html() 方法。
| 方法 | 描述 |
|---|---|
| addClass() | 向被選元素添加一個或多個類名 |
| after() | 在被選元素后插入內容 |
| append() | 在被選元素的結尾插入內容 |
| appendTo() | 在被選元素的結尾插入 HTML 元素 |
| attr() | 設置或返回被選元素的屬性/值 |
| before() | 在被選元素前插入內容 |
| clone() | 生成被選元素的副本 |
| css() | 為被選元素設置或返回一個或多個樣式屬性 |
| detach() | 移除被選元素（保留數據和事件） |
| empty() | 從被選元素移除所有子節點和內容 |
| hasClass() | 檢查被選元素是否包含指定的 class 名稱 |
| height() | 設置或返回被選元素的高度 |
| html() | 設置或返回被選元素的內容 |
| innerHeight() | 返回元素的高度（包含 padding，不包含 border） |
| innerWidth() | 返回元素的寬度（包含 padding，不包含 border） |
| insertAfter() | 在被選元素后插入 HTML 元素 |
| insertBefore() | 在被選元素前插入 HTML 元素 |
| offset() | 設置或返回被選元素的偏移坐標（相對于文檔） |
| offsetParent() | 返回第一個定位的祖先元素 |
| outerHeight() | 返回元素的高度（包含 padding 和 border） |
| outerWidth() | 返回元素的寬度（包含 padding 和 border） |
| position() | 返回元素的位置（相對于父元素） |
| prepend() | 在被選元素的開頭插入內容 |
| prependTo() | 在被選元素的開頭插入 HTML 元素 |
| prop() | 設置或返回被選元素的屬性/值 |
| remove() | 移除被選元素（包含數據和事件） |
| removeAttr() | 從被選元素移除一個或多個屬性 |
| removeClass() | 從被選元素移除一個或多個類 |
| removeProp() | 移除通過 prop() 方法設置的屬性 |
| replaceAll() | 把被選元素替換為新的 HTML 元素 |
| replaceWith() | 把被選元素替換為新的內容 |
| scrollLeft() | 設置或返回被選元素的水平滾動條位置 |
| scrollTop() | 設置或返回被選元素的垂直滾動條位置 |
| text() | 設置或返回被選元素的文本內容 |
| toggleClass() | 在被選元素中添加/移除一個或多個類之間切換 |
| unwrap() | 移除被選元素的父元素 |
| val() | 設置或返回被選元素的屬性值（針對表單元素） |
| width() | 設置或返回被選元素的寬度 |
| wrap() | 在每個被選元素的周圍用 HTML 元素包裹起來 |
| wrapAll() | 在所有被選元素的周圍用 HTML 元素包裹起來 |
| wrapInner() | 在每個被選元素的內容周圍用 HTML 元素包裹起來 |
| $.escapeSelector() | 轉義CSS選擇器中有特殊意義的字符或字符串 |
| $.cssHooks | 提供了一種方法通過定義函數來獲取和設置特定的CSS值 |
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script type="text/javascript" src="jquery-1.7.js"></script>
<style type="text/css">
p:hover{
color:red;
cursor:pointer;
background:blue;
}
</style>
<script type="text/javascript">
<!--
function f1()
{
//將標簽從html文檔中移除
$("#myDiv").remove();
}
function f2()
{
//empty方法是清空對象中的內容
$("#myDiv").empty();
}
//-->
</script>
</head>
<body>
<p>111111111111111111111111111111</p>
<div id="myDiv" style="border:5px solid red; width:300px;height:200px;">
大家好 我是div
</div>
<p>22222222222222222222222222222222</p>
<input type="button" value="remove myDiv" onclick="f1()">
<input type="button" value="empty myDiv" onclick="f2()">
</body>
</html>
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
