70.jQuery - $.noConflict() ( 10.Utileties )

티스토리 뷰

Posted by Godffs on 2009. 11. 17. 11:11 in jQuery | javascript | CSS /

$.noConfict()
- 다른 라이브러리와 jQuery 사용시
: $대신 jQuery 키워드 사용
: 다른 라이브러리에게 $를 양보

03.NoConflict.htm

<head>

<title>$ 기호 사용금지 : 다른 라이브러리와 함게 사용</title>

//현재 페이지에서는 $대신 jQuery 키워드 사용해야 함

//다른 자바스크립트 라이브러리가 $를 사용하기에 양보

$.noConflict();

//설명을 위한 코드로 익스플로러에서는 실행이 되지 않는다.

//var $ = "메롱~"; //$를 재정의 $를 대쳐

//jQuery(document).ready(function() {

//alert($); //undefined -> 메롱~ $를 대쳐 한 값이 출력

//});

//지금까지 만들어 놓은 기능은 $로 되어있다면???

jQuery(document).ready(function($) {

//여기에 있는 코드들은 기존 방식처럼 $를 쓰고 싶다면???

alert($);

//인텔리센스 안됨(앞에 jQuery붙이면 된다.jQuery$('#my').)................;;;

$('#my').append("<h3>기존방식 사용</h3>");

jQuery('#my').append("<h3>기존방식 사용 </h3>");

});

</script>

</head>

<body>

</body>

</html>

결과화면

[그림70-1]

현재 FireFox에서 실행한 화면입니다.
InterExplorer에서 실행하시면 좀더 많은 정보를 확인 할 수 있습니다.

72.jQuery - draggable() 메서드로 드래그 ( 11.UI ) (0)	2009.11.17
71.jQuery - Param.htm ( 10.Utileties ) (0)	2009.11.17
69.jQuery - 양쪽 공백 제거 함수 ( 10.Utileties ) (0)	2009.11.17
68.jQuery - 현재 사용자의 브라우저 정보 제공 ( 10.Utileties ) (0)	2009.11.17
-- 현재 까지의 jQuery 소스7 -- (0)	2009.11.17