> 웹 프론트엔드 > JS 튜토리얼 > jquery에서 제거()와 분리()의 차이점

jquery에서 제거()와 분리()의 차이점

巴扎黑
풀어 주다: 2017-06-25 09:53:53
원래의
1472명이 탐색했습니다.

  jquery는 업무에서 자주 사용되는 매우 강력한 도구이지만 일부 메소드는 일반적으로 사용되지 않거나 눈에 띄지 않기 때문에 여전히 우리가 무시합니다.

  Remove() 및 detach()가 그 중 하나일 수 있습니다. 어쩌면 우리는 Remove()를 더 많이 사용할 수도 있지만 detach()는 덜 사용할 수도 있습니다. 어쩌면 내가 충분히 신중하게 사용하지 않았는지 한 번도 사용하지 않았습니다. 그런데 이번에는 프로젝트에 문제가 있어서 사용하게 되었는데, 너무 흥미로워서 녹음해서 모두와 공유하게 되었습니다.

 remove(): 공식적인 설명은 DOM에서 일치하는 모든 요소를 ​​

 Remove하는 것입니다. 이 메소드는 jQuery 객체에서 일치하는 요소를 제거하지 않으므로 나중에 일치하는 요소를 재사용할 수 있습니다. 그러나 요소 자체가 유지되는 것 외에도 바인딩된 이벤트, 추가 데이터 등과 같은 다른 요소가 제거됩니다.

 요소가 제거된 것으로 이해됩니다. 그런데 어떻게 다시 찾을 수 있을까요? 솔직히 말해서 사용해 본 친구는 한 번도 본 적이 없습니다. 정말 감사합니다.

사용법:

DOM에서 모든 단락 삭제

detach() 메서드를 살펴보세요.
  공식 설명:
  DOM에서 일치하는 모든 요소를 ​​제거합니다. 이 메서드는 jQuery 객체에서 일치하는 요소를 제거하지 않으므로 나중에 일치하는 요소를 재사용할 수 있습니다. 제거()와 달리 모든 바인딩된 이벤트, 첨부된 데이터 등이 유지됩니다.
  설명:

 DOM에서 모든 단락 삭제

 HTML 코드:

  <p>Hello</p> how are <p>you?</p>
로그인 후 복사
 j쿼리 코드:

  $("p").remove();
로그인 후 복사

 결과:

  how are
로그인 후 복사
로그인 후 복사
 설명:
 hello 클래스가 있는 단락 삭제 DOM
 HTML 코드:
 <p>Hello</p> how are <p>you?</p>
로그인 후 복사
 jQuery 코드:

  $("p").detach();
로그인 후 복사

 결과:

  how are
로그인 후 복사
로그인 후 복사
이렇게 보면 별 차이 없는 것 같습니다. 이 두 가지 기능이군요. 하하. . . . 이제 나에게 무슨 일이 일어났는지 말해줄게. 그러면 모두가 문제 해결 방법을 이해할 것입니다.
여기에 양식이 있는데 그 중 하나가 등록 코드입니다. 즉, 각 정보에는 독립적인 등록 코드가 있습니다. 등록 코드가 없으면 등록이 성공할 수 없습니다. 확인을 위해 jquery의
control
form
Validator
을 사용합니다. 모두가 이 컨트롤을 사용했습니다. 페이지가 로드되면 확인이 시작되며 CSS 및 jquery hide() 메서드의

display

에서는 무시됩니다. 원래. 이는 문제가 되지 않지만 사용자가 등록 코드 표시 여부를 결정하는 옵션을 추가하라는 새로운 요구를 제기했습니다. 표시되지 않으면 등록 코드 텍스트 상자를 확인하지 마십시오. 수요.

CSS 디스플레이와 jquery hide()를 시도한 후, 나는 제거()에 관심을 두었습니다. 검증을 중단했는데, 검증을 선택하니 삭제된 내용을 다시 추가할 수 없어서 다시 추가할 수 있는 내용을 찾기 시작했습니다. 이때

를 발견했습니다. 이 코드를 보고는 길게 설명할 필요는 없을 것 같습니다. 다들 이해하실 거에요. 아주 흥미로운 방법이거든요.

위 내용은 jquery에서 제거()와 분리()의 차이점의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿