설정 방법: 1. "클릭 요소 object.click(function(){이벤트 처리 함수})" 메서드를 사용하여 클릭 이벤트를 지정된 요소에 바인딩하고 이벤트 처리 함수를 지정합니다. 2. "삭제된 요소로"를 사용합니다. object.remove();"가 설정되어 있고 클릭하면 삭제됩니다.
이 튜토리얼의 운영 환경: windows10 시스템, jquery3.2.1 버전, Dell G3 컴퓨터.
1. click() 메서드를 사용하여 클릭 이벤트를 설정합니다.
요소를 클릭하면 클릭 이벤트가 발생합니다.
click() 메서드는 클릭 이벤트를 트리거하거나 클릭 이벤트가 발생할 때 실행할 함수를 지정합니다.
Syntax
선택한 요소의 클릭 이벤트 트리거:
$(selector).click()
클릭 이벤트에 함수 추가:
$(selector).click(function)
function 선택 사항. 클릭 이벤트가 발생할 때 실행할 함수를 지정합니다.
2.remove() 메서드를 사용하여 요소를 삭제합니다.
remove() 메서드는 모든 텍스트 및 하위 노드를 포함하여 선택한 요소를 제거합니다.
이 방법은 선택한 요소의 데이터와 이벤트도 제거합니다.
Grammar
$(selector).remove()
예제는 다음과 같습니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("p").click(function(){
$("p") .remove();
});
});
</script>
</head>
<body>
<p>点击这个段落。</p>
</body>
</html>출력 결과:
추천 관련 동영상 튜토리얼: jQuery 동영상 튜토리얼
위 내용은 jquery에서 클릭 삭제 이벤트를 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!