jQuery之刪除元素

2021-09-02 23:01:46 字數 977 閱讀 9337

任務描述

本關任務:用jquery刪除元素。效果如下:

相關知識

為了完成本關任務,你需要掌握:1.remove(),2.empty()

基本的html結構如下: 

刪除內容

我是第一行

我是第二行

我是第三行

效果圖如下:

remove()

需要實現的效果如下:

如何刪除類名為.box的元素呢?這裡用remove()方法,實現**如下:

$(".btn").click(function())

可以看出:remove()是刪除被選元素及其子元素。

empty()

需要實現的效果如下:

如何只刪除類名為.box子元素呢?這裡用empty()方法,實現**如下:

$(".btn").click(function())

可以看出:empty()是只刪除被選元素的子元素。

程式設計要求

格式注意:

獲取元素統一用類名獲取;

統一用雙引號""表示字串;

效果如下:

序號姓名

性別年齡

住址 1張三男

20北京

2李四男30

洛杉磯 3麗麗女

24上海

4王五男26

河南刪除最後一行

刪除最後乙個住址

jQuery 刪除元素

通過 jquery,可以很容易地刪除已有的 html 元素。如需刪除元素和內容,一般可使用以下兩個 jquery 方法 jquery remove 方法刪除被選元素及其子元素。div1 remove jquery empty 方法刪除被選元素的子元素。div1 empty jquery remove...

jQuery刪除元素

通過 jquery,可以很容易地刪除已有的 html 元素。刪除元素 內容 如需刪除元素和內容,一般可使用以下兩個 jquery 方法 1 remove 刪除被選元素 及其子元素 2 empty 從被選元素中刪除子元素 jquery remove 方法 jquery remove 方法刪除被選元素及...

jQuery 刪除元素

通過 jquery,可以很容易地刪除已有的 html 元素。如需刪除元素和內容,一般可使用以下兩個 jquery 方法 jquery remove 方法刪除被選元素及其子元素。div1 remove 嘗試一下 jquery empty 方法刪除被選元素的子元素。div1 empty 嘗試一下 jqu...