国产探花免费观看_亚洲丰满少妇自慰呻吟_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");
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 三台县| 潼关县| 华池县| 汉阴县| 郎溪县| 曲麻莱县| 莱芜市| 石景山区| 邳州市| 广饶县| 龙山县| 桂林市| 秦皇岛市| 清原| 红桥区| 县级市| 礼泉县| 新营市| 弥勒县| 山东省| 安乡县| 绵阳市| 湟中县| 临沭县| 如皋市| 合水县| 新和县| 聂荣县| 京山县| 绥德县| 曲松县| 武汉市| 仙游县| 东乌| 兴业县| 郸城县| 察隅县| 吉木乃县| 宾阳县| 凤台县| 芦溪县|