jQuery_jquery의 detach() 메소드 사용 예

이 기사의 예에서는 jQuery의 detach() 메소드 사용법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

이 방법은 DOM에서 일치하는 모든 요소를 ​​제거합니다.

참고: detach() 메서드는 jQuery 객체에서 일치하는 요소를 삭제하지 않으므로 이러한 일치 요소는 나중에 다시 사용할 수 있습니다. 제거()와 달리 바인딩된 모든 이벤트, 첨부된 데이터. 등이 유지됩니다.

문법 구조:

코드 복사 코드는 다음과 같습니다.

$(selector).detach(expr)

매개변수 목록:

参数	描述
expr	可选。用于筛选被删除元素的jQuery表达式。

예제 코드:

예 1:

코드 복사 코드는 다음과 같습니다.

$(문서).ready(함수(){
$("버튼").click(function(){
$("div").detach("#첫번째")
})
})
스크립트>
머리>

스크립트 홈에 오신 것을 환영합니다

스크립트 하우스가 여러분을 환영합니다

효과를 보려면 클릭하세요버튼> 본문>



위 코드는 div 컬렉션에서 id 값이 먼저 있는 div를 삭제할 수 있습니다.

예 2:

코드 복사

코드는 다음과 같습니다.

$(문서).ready(함수(){
$("버튼").click(function(){
$("div").detach()
})
})

머리>

스크립트 홈에 오신 것을 환영합니다

스크립트 홈에 오신 것을 환영합니다

효과를 보려면 클릭하세요버튼>
본문>




메소드에 매개변수가 없으면 일치하는 모든 요소가 삭제됩니다.

예 3:

코드 복사

코드는 다음과 같습니다.

$(문서).ready(함수(){ $("#btd").click(function(){

var a=$("div")

a.detach("#첫번째")
$("#btn").click(function(){
경고(길이)
})
})
})
스크립트>
머리>

스크립트 홈에 오신 것을 환영합니다

스크립트 하우스가 여러분을 환영합니다

div 효과 삭제
삭제 후 div 수 보기 본문>



위 코드의 실행 결과에서 볼 수 있듯이 이 메서드는 jquery 개체에서 div를 삭제하지 않습니다.

이 기사가 모든 사람의 jQuery 프로그래밍에 도움이 되기를 바랍니다.