溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要講解了“jquery如何去除元素內容”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“jquery如何去除元素內容”吧！
方法：1、利用children()和remove()方法刪除指定元素的內容，語法為“$(元素).children().remove();”；2、利用empty()方法刪除指定元素的內容，語法為“$(元素).empty();”。
本教程操作環境：windows7系統、jquery1.10.0版本、Dell G3電腦。
jquery怎樣去除元素內容
在jquery中，可以給標簽內的部分內容標簽設置id屬性，通過該id獲得部分內容對象。
如需刪除元素和內容，一般可使用以下兩個 jQuery 方法：
remove() - 刪除被選元素（及其子元素）
empty() - 從被選元素中刪除子元素
下面我們通過示例來看一下這兩種方法的使用，示例如下：
1、利用children() 方法返回返回被選元素的所有直接子元素，再通過jQuery remove() 方法刪除被選元素及其子元素。
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("#div1").children().remove();
});
});
</script>
</head>
<body>
<div id="div1" style="height:120px;width:300px;border:1px solid black;background-color:yellow;">
<p>This is some text in the div.</p>
<p>This is a paragraph in the div.</p>
<p>This is another paragraph in the div.</p>
</div>
<br>
<button>刪除 div 元素</button>
</body>
</html>輸出結果：
2、jQuery empty() 方法刪除被選元素的子元素。
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("#div1").empty();
});
});
</script>
</head>
<body>
<div id="div1" style="height:100px;width:300px;border:1px solid black;background-color:yellow;">
This is some text in the div.
<p>This is a paragraph in the div.</p>
<p>This is another paragraph in the div.</p>
</div>
<br>
<button>清空 div 元素</button>
</body>
</html>輸出結果：
感謝各位的閱讀，以上就是“jquery如何去除元素內容”的內容了，經過本文的學習后，相信大家對jquery如何去除元素內容這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
