国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > 建站經驗 > 正文

jQuery 刪除或是清空某個HTML元素示例

2024-04-25 20:31:27
字體:
來源:轉載
供稿:網友

刪除HTML元素可以使用remove及empty,下面有關這兩個方法的使用我在這里將以實例的方式來給大家講解。

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");
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 温宿县| 阿克苏市| 团风县| 桐柏县| 永吉县| 湖州市| 泗水县| 隆德县| 铜梁县| 晋州市| 翼城县| 宣武区| 黄梅县| 霍城县| 广汉市| 扎赉特旗| 额尔古纳市| 威宁| 万山特区| 云浮市| 瓦房店市| 新宁县| 洛南县| 临沂市| 四会市| 正阳县| 习水县| 石楼县| 固镇县| 金秀| 同江市| 保山市| 嘉峪关市| 宜黄县| 禹州市| 诏安县| 广灵县| 五原县| 云安县| 临汾市| 洪泽县|