標籤:style color java 使用 os io ar art div
jQuery使用以下兩個方法來刪除或是清空某個HTML元素。
- remove() – 刪除指定的元素(包含其子項目)
- empty() – 清空指定元素的子項目
比如:
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>JQuery Demo</title> <script src="scripts/jquery-1.9.1.js"></script> <script> $(document).ready(function () { $("button").click(function () { $("#div1").remove(); }); }); </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>Remove div element</button></body></html>
empty:
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>JQuery Demo</title> <script src="scripts/jquery-1.9.1.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>Empty the div element</button></body></html>
jQuery的remove()方法也支援一個參數,能夠用於過濾一些須要刪除的HTML元素。這個參數能夠為不論什麼有效jQuery selector.
比方以下代碼僅僅刪除class=”italic”的<p>元素:
$("p").remove(".italic");
jQuery 刪除HTML元?