- 다른 라이브러리와 jQuery 사용시
: $대신 jQuery 키워드 사용
: 다른 라이브러리에게 $를 양보
| 03.NoConflict.htm |
|
<html xmlns="http://www.w3.org/1999/xhtml"> <head>
<title>$ 기호 사용금지 : 다른 라이브러리와 함게 사용</title>
<script src="../jQuery/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>
<script type="text/javascript"> //현재 페이지에서는 $대신 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>
<div id="my"></div> </body> </html> |
| 결과화면 |
[그림70-1] 현재 FireFox에서 실행한 화면입니다. InterExplorer에서 실행하시면 좀더 많은 정보를 확인 할 수 있습니다. |
03.NoConflict.htm'jQuery | javascript | CSS' 카테고리의 다른 글
| 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 |
Comments