jquery 삭제 및 요소 지우기-JS 튜토리얼-php.cn

jquery 삭제 및 요소 지우기

无忌哥哥

풀어 주다： 2018-06-29 14:43:36

원래의

1568명이 탐색했습니다.

jquery 요소 삭제 및 지우기

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>删除与清空元素</title>
<style type="text/css">
li {width: 300px;}
.hot {background-color: lightgreen;}
.top {background-color: yellow;}
</style>
</head>
<body>
<ul>
<li><a href="">php中文网2018年最新教学视频01</a></li>
<li><a href="">php中文网2018年最新教学视频02</a></li>
<li><a href="">php中文网2018年最新教学视频03</a></li>
<li><a href="">php中文网2018年最新教学视频04</a></li>
<li><a href="">php中文网2018年最新教学视频05</a></li>
<li><a href="">php中文网2018年最新教学视频06</a></li>
<li><a href="">php中文网2018年最新教学视频07</a></li>
<li><a href="">php中文网2018年最新教学视频08</a></li>
<li><a href="">php中文网2018年最新教学视频09</a></li>
<li><a href="">php中文网2018年最新教学视频10</a></li>
</ul>
<button>remove()删除绿色背景元素</button>
<button>empty()清空黄色背景元素的内容</button>
</body>
</html>

로그인 후 복사

* 1.remove(): 요소 삭제

* 매개변수: selector

$(&#39;button&#39;).eq(0).on(&#39;click&#39;,function(){
//实例: 删除列表中类样式为hot的元素,条件由filter()给出
$(&#39;li&#39;).filter(&#39;.hot&#39;).remove()
//也可以将删除条件写到remove()方法参数中,这样可简化语句
$(&#39;li&#39;).remove(&#39;.hot&#39;)
})

로그인 후 복사

* 2.empty()

* 매개변수: None

* 기능: 요소의 내용 지우기 , Ajax 호출을 할 때 가장 많이 사용됩니다

$(&#39;button:first&#39;).next().click(function () {
$(&#39;li&#39;).filter(&#39;.top&#39;).empty()
})

로그인 후 복사

위 내용은 jquery 삭제 및 요소 지우기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

Php8, 나도 갈게

30분 안에 웹사이트 레이아웃 배우기

Shangguan Oracle 초보자부터 능숙한 비디오 튜토리얼까지

UNI-APP 코드의 첫 번째 줄

처음부터 앱 실행까지 Flutter

Lian 형제 새 Linux 비디오 튜토리얼

AXURE 9 비디오 튜토리얼(제품 관리자 대화형 제품 디자인 UI에 적합)

Zero 기본 숙련도 PS 비디오 튜토리얼

시작하는 데 도움이 되는 16일 UI 비디오 튜토리얼

PS 기술 및 슬라이싱 기술 비디오 튜토리얼

Alibaba Cloud 환경 구축 및 프로젝트 출시 비디오 튜토리얼

컴퓨터 네트워크 개요 - 프로그래머가 마스터해야 하는 기본 지식

프로그래머를 위한 필수 튜토리얼 - HTTP 프로토콜 설명

웹소켓 비디오 튜토리얼

jquery 삭제 및 요소 지우기