jQuery 핵심 - noConflict () 방법, jQuery 문서 조작 - detach () 방법

주소
 
실례
jQuery 변수 에 noConflict () 방법 을 사용 하여 새 이름 을 지정 합 니 다.

var jq=$.noConflict();

http://www.w3school.com.cn/jquery/manipulation_detach.asp
정의 와 용법
noConflict () 방법 은 변수 $의 jQuery 제어 권 을 양도 합 니 다.
이 방법 은 jQuery 가 $변수 에 대한 제 어 를 방출 합 니 다.
이 방법 은 jQuery 변수 에 새로운 사용자 정의 이름 을 정 하 는 데 도 사용 할 수 있 습 니 다.
알림: 다른 자 바스 크 립 트 라 이브 러 리 에서 함수 에 $를 사용 할 때 유용 합 니 다.
문법

jQuery.noConflict(removeAll)

매개 변수 설명
removeAll 불 값.jQuery 변 수 를 완전히 복원 할 수 있 는 지 여부 입 니 다.
설명 하 다.
많은 자 바스 크 립 트 라 이브 러 리 는 함수 나 변수 이름 으로 $를 사용 합 니 다. jQuery 도 마찬가지 입 니 다.jQuery 에서 $는 jQuery 의 별명 일 뿐 이 므 로 $를 사용 하지 않 아 도 모든 기능 성 을 보장 할 수 있 습 니 다.jQuery 이외 의 다른 JavaScript 라 이브 러 리 를 사용 해 야 한다 면 $. noConflict () 를 호출 하여 이 라 이브 러 리 에 제어 권 을 되 돌려 줄 수 있 습 니 다.

<script type="text/javascript" src="other_lib.js"></script>
<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">
  $.noConflict();
  //         $    
</script>

. ready () 방법 과 결합 하여 jQuery 대상 에 게 별명 을 지어 줄 수 있 습 니 다. 이 기술 은 매우 효과 적 입 니 다.

<script type="text/javascript" src="other_lib.js"></script>
<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">
  $.noConflict();
  jQuery(document).ready(function($) {
    //    jQuery $    
  });
  //        $    
</script>

또한 이 방법 으로 매개 변수 true 를 전달 하면 $와 jQuery 의 통제 권 을 원래 의 라 이브 러 리 에 돌려 줄 수 있 습 니 다.사용 하기 전에 잘 생각해 보 세 요!
이것 은 jQuery 를 완전히 새롭게 정의 하기 때문에 간단 한 noConflict 방법 보다 극단 적 인 버 전 입 니 다.이것 은 보통 jQuery 를 고도 로 충돌 하 는 환경 에 끼 워 넣 으 려 는 극단 적 인 상황 에 사용 된다.메모: 이 방법 을 호출 하면 플러그 인 이 효력 을 잃 을 수 있 습 니 다.
실례
예 1
$인 용 된 대상 을 원본 대상 에 비 추기:

jQuery.noConflict();

jQuery("div p").hide();	// 使用 jQuery

$("content").style.display = "none";	// 使用其他库的 $()

例子 2

恢复使用别名 $，然后创建并执行一个函数，在这个函数的作用域中仍然将 $ 作为 jQuery 的别名来使用。在这个函数中，原来的 $ 对象是无效的。这个函数对于大多数不依赖于其他库的插件都十分有效：

jQuery.noConflict();

(function($) { 
  $(function() {
    // 使用 $ 作为 jQuery 别名的代码
  });
})(jQuery);

... // 其他用 $ 作为别名的库的代码

例子 3

可以将 jQuery.noConflict() 与简写的 ready 结合，使代码更紧凑：

jQuery.noConflict()(function(){
    //    jQuery    
});

... //       $       

예 4
다음 라 이브 러 리 에서 jQuery 대상 을 사용 할 새 별명 만 들 기:

var j = jQuery.noConflict();

j("div p").hide();	// 基于 jQuery 的代码

$("content").style.display = "none";	// 基于其他库的 $() 代码

例子 5

完全将 jQuery 移到一个新的命名空间：

var dom = {};
dom.query = jQuery.noConflict(true);

결과:

dom.query("div p").hide();	//   jQuery    

$("content").style.display = "none";	//      $()    

jQuery("div > p").hide();	//       jQuery    

실례
모든 p 요소 제거:

$("button").click(function(){
  $("p").detach();
});

직접 해 보다
정의 와 용법
detach () 방법 은 모든 텍스트 와 하위 노드 를 포함 하여 선 택 된 요 소 를 제거 합 니 다.
이 방법 은 jQuery 대상 에 일치 하 는 요 소 를 유지 하기 때문에 나중에 일치 하 는 요 소 를 사용 할 수 있 습 니 다.
detach () 는 모든 연 결 된 이벤트, 추가 데 이 터 를 보존 합 니 다. 이 점 은 reove () 와 다 릅 니 다.
문법

$(selector).detach()

직접 해 보 세 요. - 실례.
직접 해 보다
detach () 방법 으로 원 소 를 이동 합 니 다.
이동 요소
detach () 방법 을 사용 하여 요 소 를 삭제 하고 복원 합 니 다.
요소 삭제 및 복구
detach () 방법 으로 요 소 를 이동 하고 요소 의 jQuery 데 이 터 를 보존 합 니 다.
요 소 를 이동 하고 click 이 벤트 를 유지 합 니 다.