任務描述
本關任務:用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...